Menambahkan Kolom dan Baris Tambahan ke Tema Tumblr

Menambahkan Kolom dan Baris Tambahan ke Tema Tumblr

Anda dapat mengedit tema Tumblr sesuai keinginan menggunakan editor HTML. Tema Tumblr biasanya memanfaatkan tag <div> untuk menandai bagian-bagian.

Definisikan Kolom Sidebar

1. Buka dasbor Tumblr, pilih blog yang ingin Anda modifikasi.
2. Klik Customize lalu Edit HTML untuk membuka editor.

Tambahkan kode berikut di antara tag <style type='text/css'> dan </style> di bagian CSS. Anda dapat menyesuaikan gaya sidebar, namun kode di bawah ini menyediakan struktur dasar:

.sidebar { position: relative; left: 0; top: 0; }

Selanjutnya, masukkan kode berikut di antara tag <div id='wrapper'> dan </div> di bagian body tempat Anda ingin menampilkan kolom. Ganti teks (Insert Your Sidebar Content Here) dengan konten Anda.

<div class='sidebar'> ...(Insert Your Sidebar Content Here)... </div>

Setelah selesai, klik Update Preview lalu Save untuk menyimpan perubahan, lalu Exit.

Definisikan Tabel dengan Baris

1. Buka kode tema di editor HTML Tumblr dan temukan tag <div> yang akan Anda gunakan untuk tabel. Tambahkan <div> baru bila perlu.

Masukkan kode berikut untuk membuat tabel. Ganti Cell 1, Cell 2, dll. dengan konten Anda. Gunakan CSS untuk memformat tabel sesuai keinginan.

<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
  <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>
</table>

Klik Update Preview, Save, lalu Exit.

Tips

Mayoritas tema Tumblr mendukung Endless Scrolling, jadi Anda tidak perlu menambah baris kecuali ingin mengatur tata letak dengan tabel.

Gunakan CSS untuk menyesuaikan tampilan kolom. Contoh: background: #ffffff; akan memberi latar belakang putih.