cara menambah widget di blog

CARA MENMBAH WIDGET PADA BLOG ANDA Menambah widget tentu sangat dibutuhkan. Tambahan ini bisa untuk menempatkan beberapa iklan, gambar atau aksesories lainnya. Untuk selanjutnya anda tinggal mengikuti langkah langkah dibawah ini.. Jangan lupa masang kacamata bagi yg udah senyap2 matanya..XD Langkah Pertama : - Seperti biasaLogin ke blogger anda - Klik rancangan dan klik Edit HTML - Cari kode ]]></b:skin> langkah selanjutnya yang anda harus lakukan adalah Setelah ketemu copy paste script dibawah ini di atas kode ]]></b:skin>

 

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

Langkah selanjutnya adalah cari kode seperti dibawah ini

<div id='footer-wrapper'> atau <div id='main-wrapper'> atau di Lokasi lainnya

Nah sekarang 

copy paste script di bawah ini tepat dibawahnya kode  <div id='footer-wrapper'>

Untuk  2 kolom

<div id='box-main-container'>

 <div id='box1' style='width: 50%; float: left; margin:1; text-align: left;'>

 <b:section class='box-column' id='col1' preferred='yes' style='float:left;'>

</b:section>

 </div>

 <div id='box2' style='width: 50% ; float: right; margin:1; text-align: right;'>

 <b:section class='box-column' id='col2' preferred='yes' style='float:right;'>

</b:section>

 </div>

 <div style='clear:both;'/>

 </div>

Untuk  3 kolom

<div id='box-main-container'>

 <div id='box1' style='width: 50% ; float: left; margin:1; text-align: left;'>

 <b:section class='box-column' id='col1' preferred='yes' style='float:left;'>

</b:section>

 </div>

 <div id='box2' style='width: 50% ; float: right; margin:1; text-align: right;'>

 <b:section class='box-column' id='col2' preferred='yes' style='float:right;'>

</b:section>

 </div>

<div id='box3' style='width: 50% ; float: right; margin:1; text-align: right;'>

 <b:section class='box-column' id='col3' preferred='yes' style='float:right;'>

</b:section>

 </div>

 <div style='clear:both;'/>

 </div>

 Untuk  4 kolom

<div id='box-main-container'>

 <div id='box1' style='width: 50% ; float: left; margin:1; text-align: left;'>

 <b:section class='box-column' id='col1' preferred='yes' style='float:left;'>

</b:section>

 </div>

 <div id='box2' style='width: 50% ; float: right; margin:1; text-align: right;'>

 <b:section class='box-column' id='col2' preferred='yes' style='float:right;'>

</b:section>

 </div>

<div id='box3' style='width: 50% ; float: right; margin:1; text-align: right;'>

 <b:section class='box-column' id='col3' preferred='yes' style='float:right;'>

</b:section>

 </div>

<div id='box4' style='width:  50% ; float: right; margin:1; text-align: right;'>

 <b:section class='box-column' id='col4' preferred='yes' style='float:right;'>

</b:section>

 </div>

 <div style='clear:both;'/>

 </div>

Setelah melakukan semua langkah di atas terus simpan template dan lihat hasilnya di rancangan