Cara Membekukan Kotak Huraian Tetapi Bukan Halaman Tatal di Tumblr

Pengantar

Jika tema blog Tumblr anda membenarkan kotak deskripsi mengambang seiring scroll, anda boleh mengunci kotak itu. Tema mesti menyediakan pilihan CSS untuk mengunci kotak deskripsi.

Memeriksa Kod HTML

1. Log masuk ke Tumblr, klik ikon gear di bahagian atas papan pemuka. Pilih blog anda, klik Edit Theme.
2. Klik Edit HTML di bawah nama tema.

Anda akan melihat kod HTML di sebelah kiri dan pratinjau blog di sebelah kanan. Tekan Ctrl‑F dan masukkan perkataan-perkataan tepat seperti yang muncul dalam kotak deskripsi. Ini membawa anda terus ke kod.

Guna Search dan cari “block:Description”. Perhatikan baris di atasnya untuk atribut yang mengekalkan kotak mengambang, contohnya float atau unstuck dalam tag <div id="float">.

Ubah atribut tersebut kepada fixed
<div id="fixed">. Klik Update Preview dan uji skrol. Jika berjaya, klik Save. Jika tidak, periksa CSS.

Mencari Kod CSS

Di bahagian atas kod HTML, gunakan Search dan cari kata “stylesheet”. Salin URL sebelum kata tersebut (mula dengan http: dan diakhiri dengan .css).
Masukkan URL tersebut ke tab baru.

Anda mungkin melihat huruf acak pada awal halaman; terus scroll ke bawah untuk melihat kod CSS. Ctrl‑F cari perkataan yang mengambang (contohnya float). Lihat sekelilingnya untuk mencari perkataan berlawanan seperti fixed, static atau stuck.

Kembali ke tab HTML, tukar perkataan yang mengambang dengan perkataan tersebut. Update Preview dan uji semula. Jika berjaya, Save. Jika tidak, ulangi pencarian.

Tip

Sesetengah pembangun tema tidak menyediakan kod CSS untuk kotak tetap.

Amaran

Jangan simpan perubahan sehingga anda telah memeriksa pratinjau dengan teliti. Perubahan rawak pada HTML boleh mengacau susun atur blog.