Menambah Lajur & Baris Tambahan ke Tumblr

Menambah Lajur & Baris Tambahan ke Tumblr

Anda boleh mengedit tema Tumblr anda menggunakan editor HTML. Tema Tumblr memanfaatkan tag <div> untuk memisahkan bahagian. Untuk menambah lajur tambahan seperti sidebar, gabungkan CSS dan HTML.

Menetapkan Kolum Sidebar

1. Buka papan pemuka Tumblr dan pilih blog yang ingin diubah.

2. Klik “Customize”, kemudian pilih “Edit HTML”.

3. Di dalam bahagian CSS, masukkan kod berikut di antara tag <style type="text/css"> dan </style>:

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

4. Di dalam bahagian HTML, letakkan kod di antara tag <div id="wrapper"> dan </div> di tempat anda mahu sidebar muncul. Gantikan teks “(Insert Your Sidebar Content Here)” dengan kandungan anda:

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

5. Klik “Update Preview”, kemudian “Save” dan akhirnya “Exit”.

Menetapkan Jadual dengan Baris

1. Buka kod tema di editor HTML dan cari tag <div> yang akan menjadi tempat jadual.

2. Tambah bahagian baru (jika perlu) dan masukkan kod berikut untuk mencipta jadual. Gantikan “Cell 1”, “Cell 2”, dll. dengan isi anda. Anda boleh menggunakan CSS untuk menyesuaikan gaya jadual.

<div class="my-table">
  <table>
    <tr><td>Cell 1</td><td>Cell 2</td></tr>
    <tr><td>Cell 3</td><td>Cell 4</td></tr>
  </table>
</div>

3. Klik “Update Preview”, kemudian “Save” dan “Exit”.

Tips

Majoritas tema Tumblr menyokong Endless Scrolling, jadi anda tidak perlu menambah baris kecuali anda mahu menyusun susunan dalam jadual.

Gunakan CSS untuk menyesuaikan rupa dan rasa kolum. Sebagai contoh, jika anda mahu latar belakang putih, tambahkan pernyataan background: #ffffff; ke dalam kod CSS.