Cara Membekukan Kotak Deskripsi Tanpa Mengunci Halaman Gulir di Tumblr

Jika tema blog Tumblr Anda memungkinkan kotak deskripsi menggulung bersamaan dengan postingan, biasanya Anda dapat mengunci kotak tersebut. Untuk melakukannya, tema harus memiliki opsi di CSS-nya yang memungkinkan kotak deskripsi tetap di tempat. Karena para pengembang sering memakai kode CSS yang sama di semua tema, kemungkinan besar opsi ini ada. Tantangannya adalah menemukan kata yang dipakai pengembang untuk mengaktifkan fitur ini. Kadang saja cukup dengan kata "fixed", tapi Anda tidak yakin sampai memeriksa kode.

Memeriksa Kode HTML

Masuk ke Tumblr dan klik ikon Settings berbentuk roda gigi di bagian atas dasbor. Pilih blog Anda dari bagian Blogs di sidebar, lalu klik "Edit Theme". Klik tautan "Edit HTML" di bawah nama tema di sidebar. Kode HTML tema Anda akan muncul di kiri, dan preview blog Tumblr akan muncul di kanan.

Tekan Ctrl‑F pada keyboard untuk membuka kotak pencarian, lalu ketik dua atau tiga kata persis seperti yang muncul di kotak deskripsi blog Anda. Ini langsung membawa Anda ke kode HTML yang memuat kata-kata tersebut. Gulir ke atas sampai Anda menemukan kode kotak deskripsi, seperti "block:Description".

Periksa baris di atas kode kotak deskripsi dan cari atribut yang membuat kotak tetap mengambang, misalnya "unstuck" atau "float". Kata tersebut biasanya berada dalam tag div id seperti <div id="float">.

Ganti atribut yang membuat kotak mengambang dengan kata "fixed", misalnya <div id="fixed">. Klik tombol "Update Preview". Klik preview di kanan dan coba gulir halaman. Jika berhasil, klik tombol "Save". Kotak deskripsi Anda akan tetap di tempat sementara konten blog Anda dapat digulung. Jika tidak berhasil, Anda perlu memeriksa kode CSS untuk menemukan kata yang tepat.

Mencari Kode CSS

Scroll ke bagian atas kode HTML tema Tumblr Anda. Klik kotak pencarian di atas kode dan ketik "stylesheet". Ini akan membawa Anda ke kemunculan pertama kata tersebut, biasanya di dalam 50 baris pertama, seperti "rel=stylesheet". Sorot URL tepat sebelum kata ini, mulai dari "http:" dan berakhir di "css". Itu adalah alamat web halaman CSS tema.

Buka tab browser baru, tempel URL CSS di bilah alamat, lalu tekan "Enter". Pada awalnya Anda mungkin melihat karakter acak, tapi jika gulir ke bawah, Anda akan melihat kode CSS yang mirip dengan kode HTML. Anda tidak dapat mengubah kode ini, tapi Anda dapat menggunakannya untuk menemukan kata yang dapat mengunci kotak deskripsi.

Tekan Ctrl‑F dan ketik kata yang dipakai di kode HTML tema untuk menjaga kotak deskripsi mengambang, seperti "float". Ketika ditemukan, gulir ke atas dan bawah halaman untuk memeriksa kode sekitarnya. Cari kata lawan yang mungkin dipakai untuk mengunci kotak, seperti "fixed", "static", atau "stuck".

Kembali ke tab browser yang menampilkan kode HTML tema dan ganti kata yang membuat kotak mengambang dengan kata yang dapat mengunci. Klik "Update Preview" lalu coba gulir preview. Jika berhasil, klik "Save". Jika tidak berhasil, lanjutkan pencarian kata ajaib yang tepat.

Tips

Di beberapa kasus, pengembang tema belum menyertakan kode CSS yang memungkinkan kotak deskripsi tetap.

Peringatan

Jangan simpan perubahan pada kode HTML tema Tumblr Anda sebelum memeriksa Preview dengan hati-hati. Mengubah kode sembarangan dapat merusak tata letak blog Anda secara serius.