Cara Membuat Sidebar Tetap (Fixed) di Tumblr

Menyiapkan Tema Tumblr

Kunjungi dashboard Tumblr, pilih ikon pengaturan dan klik nama blog yang ingin Anda ubah. Jika hanya memiliki satu blog, cukup klik namanya.

Pilih “Customize” lalu “Add HTML”. Tumblr akan menampilkan kode HTML tema Anda.

Salin seluruh kode dengan menekan Ctrl‑A dan Ctrl‑C. Tempel ke Notepad sebagai cadangan.

Kembali ke editor HTML dan tekan Ctrl‑F untuk mencari “sidebar”. Temukan bagian kode yang mengandung kata tersebut. Contoh:

wrapper #sidebar { color: {color:Background}; }

Letakkan kursor tepat di bawah baris pertama dan tambahkan:

position: fixed; right: 100px;

Properti position: fixed membuat sidebar tidak bergerak saat Anda menggulir. Nilai right menentukan jarak antara sisi kanan sidebar dan margin kanan halaman.

Periksa perubahan dengan menekan “Update Preview”. Gulir jendela dan perhatikan bahwa sidebar tetap. Klik “Save” untuk menyimpan.

Tips

Eksperimen nilai right untuk menyesuaikan posisi horizontal. Misalnya, ubah dari 100px menjadi 50px agar sidebar bergerak lebih ke kanan.

Perhatian

Hati-hati saat mengedit HTML; perubahan tak sengaja dapat merusak tata letak. Jika tidak dapat membalik perubahan, hapus seluruh kode dan ganti dengan salinan cadangan.