Cara Membuat Sidebar Tetap di Tumblr

Langkah 1: Akses dan Salin Kod Tema

Log masuk ke papan pemuka Tumblr, klik ikon tetapan dan pilih blog yang ingin diubah. Jika anda hanya mempunyai satu blog, klik namanya.

Klik “Customize” kemudian “Add HTML”. Tumblr akan memaparkan kod HTML tema anda.

Salin keseluruhan kod dengan menekan Ctrl‑A diikuti Ctrl‑C, kemudian tampalkannya ke dalam dokumen Notepad sebagai salinan sandaran.

Langkah 2: Cari Bahagian Sidebar

Di dalam editor HTML, tekan Ctrl‑F untuk membuka kotak carian. Taip “sidebar” dan tekan Enter. Editor akan menyorot bahagian kod yang mengandungi perkataan tersebut.

Anda akan melihat sesuatu seperti:

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

Langkah 3: Tambah CSS untuk Menetapkan Sidebar

Letakkan kod berikut tepat di bawah baris pertama kod sidebar:

position: fixed; right: 100px;

Attribut position: fixed memastikan sidebar tidak bergerak semasa skrol, manakala right: 100px menetapkan jarak 100 piksel dari tepi kanan halaman web. Sesuaikan nilai ini mengikut keperluan anda.

Semak dan Simpan

Klik “Update Preview” untuk melihat perubahan. Tarik skrol ke atas dan ke bawah — sidebar sepatutnya tetap di tempatnya. Jika memuaskan, klik “Save” untuk menyimpan.

Tips

Anda boleh mengubah nilai right untuk menyesuaikan kedudukan sisi kanan sidebar. Sebagai contoh, ubah dari 100px ke 50px akan memindahkan sidebar 50 piksel lebih ke kanan.

Amaran

Berhati-hatilah semasa menyunting HTML. Mengubah kod sedia ada tanpa pengetahuan boleh menjejaskan susun atur laman. Jika anda tidak dapat membetulkan kesilapan, padam semua kod di editor dan tampalkan salinan sandaran yang telah disimpan.