Cara Menambah 2 Kolom di Sidebar Blog
Fungsi elemen yang banyak di sebuah blog adalah agar kita bisa menempatkan beberapa buah widget sesuai dengan tampilan yang kita inginkan. Banyak template yang memiliki elemen khusus terkait tata letak yang sudah disediakan oleh pembuat templatenya. Namun banyak pula sebagian template yang kadang harus di desain ulang oleh kita sendiri jika ingin mencari kepuasan dalam melakukan aktifitas blogging.
Kali ini saya akan mencoba membahas bagaimana caranya menambah 2 kolom di bawah sidebar blog. Lihat screenshoot-nya di bawah ini:
Cara Menambah 2 Elemen di bawah Sidebar Blog:
- Login ke akun Blogger
- Pilih Template >> Edit HTML
- Cari yang mirip dengan kode berikut ini:
- Tambahkan saja script berikut di bawahnya:
- Kemudian cari kode yang mirip dengan kode berikut ini:
- Lalu tambahkan script berikut di bawah kode </div>
- Simpan template lalu cek di Tata Letak untuk memastikan ada 2 elemen baru di bawah kolom sidebar.
#sidebar-wrapper{width:310px;float:right;word-wrap:break-word;overflow:hidden}
#left-col{width:130px;float:left;word-wrap:break-word;overflow:hidden}
#right-col{width:174px;float:right;word-wrap:break-word;overflow:hidden}
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>
</div>
<b:section class='sidebar' id='left-col' preferred='yes'></b:section>
<b:section class='sidebar' id='right-col' preferred='yes'></b:section>
- Cara Menambah 1 Kolom di Bawah Header
- Cara Menambah 2 Kolom di Bawah Header
- Cara Menambah 3 Kolom di Bawah Header
- Cara Membuat Header Menjadi 2 Kolom
- Cara Merubah Template 2 kolom menjadi 3 kolom
- Cara Merubah Template 2 kolom menjadi 3 kolom (2)
- Cara Membuat Footer 3 Kolom Di Blog
- Cara Mengatur Ukuran Lebar Template di Blog
Join the conversation