Membuat 2 Kolom Widget di Sidebar Blogger

Beberapa template pada umumnya memiliki susunan widget yang berbeda. Pada template default, hanya ada 1 kolom di sidebar dan pada template buatan seseorang atau yang download template, biasanya memiliki 2 kolom widget di sidebar.
Kali ini saya akan memberikan tutorial membuat 2 kolom widget di sidebar Blog. Membuat 2 kolom sidebar Blog, dapat mempercantik blog dan susunan lebih rapi. Anda dapat menambahkan 2 kolom widget di bagian header, sidebar bahkan footer.

Memasang 2 Kolom Widget Blog

1. Login Blogger.
2. Template, Edit HTML.
3. Tekan Ctrl+F dan cari code ]]></b:skin>.
4. Copy CSS berikut di atas code ]]></b:skin>.

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted bordercolor;
}

Anda dapat mengganti jarak posisi widget 0px 10px 10px 10px (maksudnya jarak atas, kanan, bawah, kiri)
Anda dapat juga mengganti garis tepi (bordercolor) dengan warna yang diinginkan, dengan cara ganti bordercolor dengan code warna.

5. Cari id sidebar yang ingin dijadikan 2 kolom widget.

Di template saya, id yang digunakan adalah sidebar-atas. Setiap template pasti berbeda id widgetnya. Jika sudah ketemu, letakkan code berikut di atas code yang anda temukan tadi.

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

6. Save Template.

Share This :