Menambah Gedget Dibawah Postingan Blog
|
P |
ada umumnya themplate yang kita gunakan dari Btemplates, Mastemplate atau zoomtemplate sudah memiliki settingan tersendiri dari si pembuat template tersebut, template yang kita dapatkan tidak sepenuhnya sempurna bagi pengguna, selalu ada aja yang kurang ya,,, padahal template yang kita cari pas banget tu dengan selera kita, tp masih ada aja yang kurang pas, dari gedget yang ngak bisa di edit atau di sembunyikan oleh si pembuat, tata letak gambar, ukuran sirebar yang ngak pas lah...yeah,, macam-macam dech,,,dan yang paling sering di temukan biasanya gedget yang kurang atau tidak ada dibawah atau diatas postingan blog. Nah disini penulis akan membahas sedikit tentang Cara Menambah Gedget dibawah Atau di Atas Postingan Blog sobat.
- Seperti biasa Log in dulu ke blogger temen.
- Tata letak >> Edit HTML
- Pastikan sobat melakukan Back up Template terlebih dahulu, untuk menghindari hal yang tidak di iningkan terjadi.
- Cari kode dibawah ini : untuk mempercepat gunakan Ctrl+F
#main-wrapper {
width: 300 px; >>> Tergantung template yang sobat
gunakan
float:$startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
- Tempatkan code di bawah ini, di bawah kode di atas,,,
- Jika anda ingin menempatkan gedget diatas postingan, letakan kode dibawah ini tepat diatas kode diatas ,,,,
#mainbottom {
width:717px;
float:left;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */
}
- Sekarang kita membuat id untuk mainbottom tersebut. Cari kode seperti 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>
- Sisipkan kode berikut di bawah </b:section>
<b:section class='main' id='mainbottom' showaddelement='yes'/>
- Tampilannya akan terlihat seperti 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>
<b:section class='main' id='mainbottom' showaddelement='yes'/>
</div>
- Save template sobat dan lihat hasilnya di Tata Letak...
Nah sekarang gedget anda telah bertabah tepat di bawah postingan atau di atas postingan blog yang anda inginkan.
Terima Kasih anda telah berkunjung ke http://deef-blog.blogspot.com/ ... Penulis mohon maaf yang sebesar-besarnya jika dalam penulisan artikel ini terdapat kesalahan baik yang di sengaja maupun tidak di sengaja.
