Menambahkan Kolom & Baris Ekstra ke Tumblr

Anda dapat mengedit tema Tumblr Anda dengan cara apa pun yang Anda inginkan menggunakan editor HTML Tumblr. Tema Tumblr menggunakan "

” untuk menentukan bagian dalam tema. Anda dapat menambahkan kolom tambahan, seperti bilah sisi, ke tema Anda menggunakan kombinasi Cascading Style Sheets -- atau kode CSS -- dan kode HTML. Tentukan tabel di salah satu . Anda

bagian, lalu tambahkan baris menggunakan tag. Tambahkan sel ke baris dengan tag.

Tentukan Kolom Sidebar

Buka dasbor Tumblr Anda, lalu pilih blog yang akan dimodifikasi di dasbor Anda.

Klik "Kustomisasi," lalu klik "Edit HTML" untuk membuka editor HTML.

Tentukan kolom dengan menyisipkan kode berikut di antara "” di bagian CSS dari kode tema. Anda dapat menata bilah sisi, seperti yang diinginkan, tetapi kode di bawah ini menyediakan konstruksi dasar untuk kolom:

.sidebar { posisi: relatif; kiri: 0 piksel; atas: 0 piksel; }

Masukkan kode berikut di antara “

” dan yang sesuai”

” di bagian tubuh kode HTML tempat Anda ingin kolom tersebut muncul. Ganti teks “(Insert Your Sidebar Content Here)” dengan konten Anda sendiri.

...(Masukkan Konten Bilah Sisi Anda Di Sini)...

Klik "Perbarui Pratinjau," lalu klik "Simpan" untuk menyimpan perubahan Anda. Klik "Keluar" untuk menutup menu Kustomisasi.

Tentukan Tabel dengan Baris

Buka kode tema di editor HTML Tumblr, lalu cari

tag yang akan Anda gunakan untuk tabel Anda. Buat yang baru”

bagian ”, jika diinginkan.

Masukkan kode berikut untuk mendefinisikan tabel baru. Ganti "Sel 1", "Sel 2", dll. dengan konten Anda. Gunakan gaya CSS untuk memformat tabel, seperti yang diinginkan.

 Baris 1, Sel 1 Baris 1, Sel 2
 Baris 2, Sel 3 Baris 2, Sel 4

Klik “Perbarui Pratinjau,” lalu klik “Simpan” untuk menyimpan perubahan Anda. Klik "Keluar" untuk menutup menu Kustomisasi.

Tips

Sebagian besar tema Tumblr mendukung fitur Pengguliran Tanpa Akhir, jadi tidak perlu menambahkan baris ke tema Anda kecuali Anda ingin mengatur tata letak dalam tabel.

Gunakan gaya CSS untuk menyesuaikan tampilan dan nuansa kolom Anda. Misalnya, untuk menetapkan warna putih sebagai latar belakang, masukkan pernyataan "latar belakang: #ffffff;" ke dalam kode CSS.