Menambah Sidebar Tambahan pada Tumblr

Anda boleh menambah sidebar tambahan pada blog Tumblr anda dengan mengedit tema melalui halaman Penyesuaian. Berikut panduan langkah demi langkah.

1. Masuk ke laman Tumblr dan buka Penyesuaian

Log masuk ke laman Tumblr dan klik butang "Customize" di sidebar kanan. Kemudian pilih "Edit HTML" di sidebar kiri.

2. Salin kod CSS sidebar sedia ada

Di dalam editor HTML, cari kod CSS bagi sidebar pertama (contoh: #side{ atau #sidebar{). Selepas itu salin kod tersebut (Ctrl‑C).

3. Tampal dan ubah nama sidebar baru

Letakkan penunjuk di hujung kod yang telah disalin, tampal (Ctrl‑V) dan tukar nama id dari #side{ kepada #side2{ atau sesuai pilihan anda.

4. Sesuaikan kedudukan dan saiz sidebar kedua

Ubah nilai left, width dan height supaya tidak bertindih dengan sidebar pertama. Contohnya, jika sidebar pertama berada pada left:1050px; anda boleh tetapkan left:850px; bagi sidebar kedua.

5. Tambah elemen HTML ke sidebar kedua

Masukkan baris berikut sebelum tag penutup anda, gantikan "Your 2nd Sidebar Name" dengan nama id sidebar kedua (misalnya "side2"):

<div id='Your 2nd Sidebar Name'></div>

Isi ruang di antara <div> dan </div> dengan teks atau kod HTML yang dikehendaki, contohnya:

<big>Here is my second sidebar</big>

6. Pratonton dan simpan perubahan

Klik butang "Update Preview" di bahagian atas sidebar kiri untuk melihat perubahan. Setelah dipastikan betul, klik "Save" untuk menyimpan.

Tips

Sentiasa pratonton sebelum menyimpan dan gunakan laman Tumblr Recover Custom Theme jika anda ingin pulih tema lama.

Amaran

Berhati-hati ketika mengubah kod HTML; kod yang tidak betul boleh menyebabkan elemen tidak dipaparkan dengan betul.