Makna Elemen Tetap di Tumblr

Istilah "elemen tetap" di Tumblr merujuk pada objek dalam tema Anda yang tetap berada di posisi yang sama meskipun jendela browser digulir. Contohnya, sidebar tetap akan tetap berada di tempatnya ketika Anda menggulir halaman.

HTML dan CSS

Semua tema Tumblr dibangun dari kombinasi HTML dan CSS. HTML menentukan struktur, sedangkan CSS mengatur tampilan. Biasanya, kode HTML dan CSS berada dalam satu file tunggal.

Mencari CSS Tema Anda

Login ke akun Tumblr, klik ikon gear di dasbor, pilih blog yang ingin diedit, lalu pilih "Customize" di bagian Tema. Klik "Edit HTML" untuk menampilkan kode HTML dan CSS tema.

Properti position: fixed

Gunakan Ctrl‑F untuk mencari "position: fixed" (atau tanpa spasi setelah titik dua). Elemen yang tetap akan ditandai sebelum kurung kurawal. Misalnya, #sidebar{position:fixed;} membuat sidebar tetap.

Menentukan Posisi Elemen

Setelah menandai elemen sebagai tetap, Anda dapat menentukan jarak dari tepi jendela. Contoh: #sidebar{position:fixed; top:20px; right:10px;} akan menempatkan sidebar 20 px dari atas dan 10 px dari kanan.

Ubah Elemen Tetap

Anda dapat mengganti jenis posisi elemen. position:static mengembalikannya ke aliran dokumen normal, sedangkan position:relative memindahkannya relatif terhadap posisi asalnya. position:absolute mengeluarkan elemen dari aliran dan menempatkannya relatif terhadap elemen induk. Bereksperimen dengan ketiganya memungkinkan Anda menyesuaikan elemen tetap di tema Tumblr.