Menambahkan 2 Kolom Gadget Di Hidangan Utama

Cara Menambahkan 2 Kolom Add Gadget di blog, kali ini admin akan membagikan sedikit script untuk membuat atau menambahkan kolom gadget di blogspot. 

Kolom gadget merupakan daerah dimana kita menampilkan widget yang di inginkan atau juga daerah menerapkan sedikit script widget blog menyerupai script recent post, widget post perlabel, dan lain sebagainya.

Nah, yang jadi pembahasan merupakan tak semua posisi gadget blog sesuai dengan harapan dan tampilan blog yang ingin kita edit. 

Misalkan kita ingin menambahkan 2 widget label dibawah postingan, ya tentu di tataletak blog tersebut harus ada gadget dibawah postingan.

Tidak semua template ada gadget dibawah postingan, namun tak jadi masalah, kita sanggup menbahkannya sendiri. Cara menambahkan pun sangat mudah.

Oke, mari kita lakukan.

1. Login ke Blogger
2. Pilih Template  » Edit HTML dan jangan lupa centang expand widget template
3. Cari ]]></b:skin> (gunakan ctrl + f untuk mempermudah pencarian)
4. Lalu Copy isyarat di bawah ini dan pastekan sempurna di atas tag  ]]></b:skin>

 #bawahpost {width:100%;float:center;margin:10px 0;padding:0px;}
#bawahpostleft{width: 45%;float: left;}
#bawahpostright{width: 45%;float: right;}

5. Kemudian cari isyarat menyerupai ini di blog

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

Lalu copy isyarat dibawah ini dan pastekan sebelum epilog tag </div> diatas, atau antara </b:section>kode disini</div>

Ini kodenya:

<div id='bawahpost'>
<div id='bawahpostleft' style='width: 45%; float: left; margin:0; text-align: left;'>
<b:section class='main' id='bawahpostleft' preferred='yes' style='float:center;'/>
</div>
<div id='bawahpostright' style='width: 45%; float: right; margin:0; text-align: left;'>
<b:section class='main' id='bawahpostright' preferred='yes' style='float:right;'/>
</div>
</div>

6. Sesampai lalu apabila di tempatkan akan menjadi menyerupai dibawah ini,

 <div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<div id='bawahpost'>
<div id='bawahpostleft' style='width: 45%; float: left; margin:0; text-align: left;'>
<b:section class='main' id='bawahpostleft' preferred='yes' style='float:center;'/>
</div>
<div id='bawahpostright' style='width: 45%; float: right; margin:0; text-align: left;'>
<b:section class='main' id='bawahpostright' preferred='yes' style='float:right;'/>
</div>
</div>
</div>

Oke itu saja postingan ihwal cara menambahkan gadget blog dibawah postingan yang sanggup admin bagikan.