Cara Membekukan Kotak Deskripsi tetapi Bukan Halaman Gulir di Tumblr

Jika tema blog Tumblr Anda memungkinkan kotak deskripsi menggulir ke bawah halaman bersama dengan posting blog Anda, kemungkinan Anda dapat mengunci kotak di tempatnya. Untuk melakukannya, tema harus menyertakan opsi di halaman CSS-nya dengan opsi untuk mengunci kotak deskripsi. Karena pengembang sering menggunakan kode CSS yang sama untuk semua tema mereka, biasanya ada kemungkinan besar ia memiliki opsi ini. Bagian yang sulit adalah mencoba menemukan kata apa yang digunakan pengembang untuk membuka kunci fitur ini. Dalam banyak kasus, ini mungkin sesederhana kata "tetap", tetapi Anda tidak dapat memastikan apa kata itu sampai Anda memeriksa kodenya.

Memeriksa Kode HTML

Masuk ke Tumblr dan klik ikon Pengaturan berbentuk roda gigi di bagian atas dasbor Anda. Pilih blog Anda dari bagian Blogs di bilah sisi dan klik "Edit Tema". Klik tautan "Edit HTML" di bawah nama tema di bilah sisi. Kode HTML tema Anda muncul di sebelah kiri dan pratinjau blog Tumblr Anda muncul di sebelah kanan.

Tekan "Ctrl-F" pada keyboard untuk membuka bidang Pencarian dan ketik dua atau tiga kata persis seperti yang muncul di kotak deskripsi blog Anda. Ini membawa Anda langsung ke kode HTML untuk kata-kata itu. Gulir ke atas hingga Anda melihat kode kotak deskripsi, seperti "blok:Deskripsi".

Periksa baris tepat di atas kode kotak deskripsi dan cari atribut yang membuat kotak deskripsi tetap mengambang, seperti "tidak macet" atau "mengambang". Kata ini harus berada dalam tag "div id" seperti "

."

Ganti atribut yang membuat kotak deskripsi tetap mengambang di halaman dengan kata "tetap", seperti "

." Klik tombol "Perbarui Pratinjau". Klik pratinjau di sebelah kanan dan coba gulir halaman. Jika berhasil, klik tombol "Simpan". Kotak deskripsi Anda akan tetap di tempatnya saat konten blog Anda bergulir. Jika tidak tidak berhasil, Anda perlu memeriksa kode CSS untuk menemukan kata yang tepat.

Menemukan Kode CSS

Gulir ke bagian atas kode HTML tema Tumblr Anda. Klik bidang "Cari" di atas kode dan ketik "stylesheet." Ini membawa Anda ke contoh pertama kata ini dalam kode HTML, biasanya dalam 50 baris pertama atau lebih, seperti "rel=stylesheet." Sorot URL tepat sebelum kata ini, dimulai dengan "http:" dan diakhiri dengan "css". Ini adalah alamat Web dari halaman CSS tema.

Buka tab browser baru, tempel URL CSS ke bilah alamat dan tekan "Enter." Pada awalnya Anda mungkin melihat huruf dan angka yang tidak berarti, tetapi jika Anda menggulir halaman ke bawah, Anda akan melihat kode CSS, yang terlihat sangat mirip dengan kode HTML. Anda tidak dapat mengubah kode ini, tetapi Anda dapat menggunakannya untuk menemukan kata yang dapat mengunci kotak deskripsi pada tempatnya.

Tekan "Ctrl-F" dan ketik kata yang digunakan dalam kode HTML tema agar kotak deskripsi tetap mengambang, seperti "float." Ketika Anda menemukan kata ini, gulir ke atas dan ke bawah halaman untuk memeriksa kode di dekatnya. Cari lawan kata yang mungkin digunakan untuk menguncinya, seperti "tetap", "statis", atau "macet".

Kembali ke tab browser yang menampilkan kode HTML tema dan ganti kata yang membuat kotak deskripsi tetap mengambang dengan kata yang dapat mempertahankannya. Klik tombol "Perbarui Pratinjau" dan kemudian coba gulir ke bawah halaman pratinjau. Jika ini berhasil, klik tombol "Simpan". Jika tidak berhasil, lanjutkan pencarian Anda untuk kata ajaib yang tepat.

Tips

Dalam beberapa kasus, pengembang tema mungkin tidak menyertakan kode CSS untuk memungkinkan tema memiliki kotak deskripsi tetap.

Peringatan

Jangan simpan perubahan dalam kode HTML tema Tumblr Anda sampai Anda memeriksa Pratinjau dengan cermat. Mengubah apa pun secara acak dalam kode HTML dapat sangat mengacaukan tata letak blog Anda.