-->

Cara Menambahkan 2 Kolom Add Gadget dibawah Postingan Blog

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.

tambah kolom 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.

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 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
<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 kode dibawah ini dan pastekan sebelum penutup 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. Sehingga jika di tempatkan akan menjadi seperti 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 tentang cara menambahkan gadget blog dibawah postingan yang bisa saya bagikan, untuk melihat semua postingan silahkan klik disini

0 Response to "Cara Menambahkan 2 Kolom Add Gadget dibawah Postingan Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel