Cara Membuat Dua Kolom Widget di Bawah Postingan
1. Login
Blogger
2. Pilih
Template ==> Edit HTML
3. Cari
kode ]]></b:skin> Copas Kode berikut diatas kode ]]></b:skin>
#postdua
{margin:auto;padding: 0px 0px 10px 0px;width: 100%;max-width: 1000px;}
#postdua-wrapper
{margin:auto;padding: 1px 0px 1px 0px;width:1000px;border:0;}
#postdua-wrapper
{float: left;margin: 0px 4px auto;padding-bottom: 20px;width:
33%;text-align:left;color:#000;font: 12px Arial, Tahoma, Verdana;line-height:
1.6em;word-wrap: break-word;overflow: hidden;}
.postduabar
{margin: 0; padding: 0;}
.postduabar
.widget {margin: 0; padding: 10px 10px 0px 10px;}
.postduabar
ul {color:#444;margin: 0 auto;padding: 0;list-style-type: none;}
.postduabar
li {display:block;color:#333;font: 12px;line-height: 1.6em;margin-left: 0
!important;padding: 1px;border-bottom: 1px solid #f1f1f1;list-style-type:
none;text-align: left;font: 12px Arial, Tahoma, Verdana;}
@media only
screen and (max-width:768px) {
#postdua,
#postdua-wrapper, #menubottom-container, #credits-wrap
{overflow:hidden!important;width:100%!important;}
#postduabar-wrapper{overflow:hidden!important;width:95%!important;padding:5px}
#credits
p{text-align:center!important}
}
4. Cari Kode
</body> Copas Kode berikut diatas kode </body>
<div
id='postdua'>
<div
id='postdua-wrapper'>
<div
id='postduabar-wrapper'>
<b:section
class='postduabar' id='postduabar1' preferred='yes'>
</b:section>
</div>
<div
id='lowerbar-wrapper'>
<b:section
class='postduabar' id='postduabar2' preferred='yes'/>
</div>
<div
style='clear: both;'/>
</div>
</div>
5. Save Template.
Keterangan: Widget ini tanpa backgound jadi untuk
memastika widget sudah terpasang atau
belum silakan cek di menu Tata Letak,
Jika Conten
tidak muncul pada widget coba cari kode <div id='main-wrapper'> letakan
kode no.4 di bawah kode </b:section> atau sebelum kode </div>
Semoga bermanfaat! Jangan lupa LIKE atau beri Komentar sebelum meninggalkan Artikel ini.
