Menambahkan 2 kolom Gadget di menu utama
Posted by
Cara Menambahkan 2 Kolom Add Gadget di blog, kali ini saya akan membagikan beberapa script untuk membuat atau menambahkan kolom gadget di blogspot.
Kolom gadget adalah tempat dimana kita menampilkan widget yang di inginkan atau juga tempat menerapkan beberapa script widget blog seperti script recent post, widget post perlabel, dan lain sebagainya.
Nah, yang jadi pembahasan adalah tidak semua posisi gadget blog sesuai dengan keinginan dan tampilan blog yang ingin kita edit.
Misalkan kita mau 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 bisa menbahkannya sendiri. Cara menambahkan pun sangat mudah.
Oke, mari kita lakukan.
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 kode di bawah ini dan pastekan tepat 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 kode seperti ini di blog
Lalu copy kode dibawah ini dan pastekan sebelum penutup tag </div> diatas, atau antara </b:section>kode disini</div><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>
Ini kodenya:
<div id='bawahpost'>6. Sehingga jika di tempatkan akan menjadi seperti dibawah ini,
<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 id='main-wrapper'>Oke itu saja postingan tentang cara menambahkan gadget blog dibawah postingan yang bisa saya bagikan.
<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>
