Cara Membuat Dua Kolom Widget Dibawah Header

Widget berfungsi untuh menaruh script, baik itu script anda sendiri ataupun script untuk banner iklan, selain itu widgetpun befungsi untuk mempercantik sebuah blog, karena selain ditempatkan di sidebar widgetpun bisa di tempatkan dibawah header. Buat anda yang ingin menambah widget di bawah header dalam blognya, inilah tutorial Cara Membuat Dua Kolom Widget Dibawah Header, berikut langkah-langkahnya :

1. Login ke Blogger

2. Pilih template >> Edit HTML

3. Backup template

4. Cari kode ]]></b:skin>

5. Letakkan kode dibawah ini diatas kode ]]></b:skin>

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

6. Kemudian cari kode <div id='main-wrapper'> atau kode <div id='content-wrapper'>

7. Letakkan kode dibawah ini diatas kode <div id='main-wrapper'> atau kode <div id='content-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Raxter1' 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='Raxter2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

8. Simpan, lihat hasilnya.

Demikian artikel dari HM tentang Cara Membuat Dua Kolom Widget Dibawah Header, semoga bisa membantu dan bermanfaat. Terimakasih...