Cara Membuat Dua Kolom Pada Sidebar

Sobat maya... pada tutorial blogging kali ini ane akan coba membahas mengenai cara membuat dua kolom pada sidebar blogspot. Dengan membuat dua kolom pada sidebar akan sedikit menghemat tempat ketika memasang widget yang berukuran kecil. Seperti widget alexa, ataupun banner link sahabat anda.

Oke sobat untuk membuat dua kolom pada sidebar dapat dilakukan dengan cara sebagai berikut :

1.   Login ke akun blogger

2.   Rancangan > Edit HTML > expand widget

3.   Cari kode

#sidebar-wrapper{width:300px;float:$endSide;word-wrap:break-word;overflow:hidden}

dan lihat lebarnya. Kalau lebar 300px maka lebar kedua kolom yang akan dibuat jangan melebihi 300 px. dan paste kode berikut, tepat dibawahnya

.sidebar1 {float: left; width: 170px; margin: 0; padding: 0;}
.sidebar2 {float: right; width: 170px; margin: 0; padding: 0;}
#sidebar-wrapper {float: left; width: 350px; margin: 0; padding: 0;}

4.   Cari kode sperti dibawah ini

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
----hingga----
</b:section>
</div>

5.   Paste kode dibawah ini tepat diatas </div>

<!-- tambah 2 buah sidebar -->
<b:section class='sidebar1' id='sidebar1' preferred='yes'/>
<b:section class='sidebar2' id='sidebar2' preferred='yes'/>
<!-- /tambah 2 buah sidebar -->

6.   Simpan template dan lihat perubahannya.

Sekarang sidebar kita sudam menjadi dua kolom. Sekian dulu postingan kali ini semoga bisa bermanfaat dan selamat mencoba.

Terima kasih telah singgah di blog ini dan membaca artikel cara membuat dua kolom pada sidebar blogspot