Cara Menghilangkan Tumpang Tindih pada Tumblr

Tumblr memungkinkan Anda menambahkan fitur gulir tak terbatas (infinite scrolling) ke blog Anda. Ketika berfungsi dengan baik, semua konten akan tampil pada satu halaman. Namun, bila tidak terkonfigurasi dengan benar, gambar yang disematkan dapat saling menumpuk, membuat tampilan menjadi berantakan. Berikut cara mengatasi masalah ini dengan sedikit penyesuaian kode.

Gulir Tak Terbatas (Infinite Scrolling)

Teknik desain web ini membuat bilah gulir browser tidak pernah mencapai akhir halaman, sehingga seluruh konten Tumblr dapat ditampilkan secara terus-menerus tanpa perlu membuat halaman tambahan.

Kesalahan Tumpang Tindih

Jika kode gulir tak terbatas tidak diimplementasikan dengan benar, gambar-gambar dapat saling menumpuk. Pada blog yang berisi banyak foto, tumpang tindih ini dapat menghalangi tampilan halaman, mengurangi fungsionalitas, dan membuat pengikut Anda bosan.

Perbaikan Kode dan Penambahan Tag

Untuk memperbaiki masalah ini sambil tetap mempertahankan fungsi gulir tak terbatas, ikuti langkah-langkah berikut:

1. Hapus semua kode gulir tak terbatas yang sudah ada dari HTML Tumblr Anda.
2. Tambahkan skrip berikut tepat sebelum tag </head>:

<script type="text/javascript" src="https://tumblogy.com/wp-content/uploads/2013/03/Endless-Scroll-Code.js"></script>

3. Letakkan kode berikut sebelum tag </block:posts>:

<div class="autopagerize_page_element">

4. Tambahkan tag </div> setelah tag </block:posts> untuk menutup skrip gulir tak terbatas.

Setelah mengikuti langkah-langkah di atas, blog Anda seharusnya dapat menggulir tak terbatas tanpa mengalami tumpang tindih gambar.

Pertimbangan Sebelum Mengimplementasikan

Sebelum memutuskan untuk menambahkan fitur gulir tak terbatas, pertimbangkan kebutuhan sebenarnya. Fitur ini mengandalkan JavaScript, sehingga penggunaan berlebihan dapat memperlambat performa dan meningkatkan waktu muat. Jika blog Anda tidak berfokus pada konten foto, mungkin lebih baik memilih tata letak posting yang berbeda.