Cara Menambah 2 Kolom Di Sidebar Blog
Fungsi elemen yang banyak di sebuah blog ialah semoga kita dapat menempatkan beberapa buah widget sesuai dengan tampilan yang kita inginkan. Banyak template yang mempunyai 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 jikalau ingin mencari kepuasan dalam melaksanakan 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 seolah-olah dengan arahan berikut ini:
- Tambahkan saja script berikut di bawahnya:
- Kemudian cari arahan yang seolah-olah dengan arahan berikut ini:
- Lalu tambahkan script berikut di bawah arahan </div>
- Simpan template kemudian cek di Tata Letak untuk memastikan ada 2 elemen gres 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
