KomentarCara membuat 2 kolom widget di bawah postingan blog, caranya sangat mudah hanya menambahkan 2 rangkain html kedalam susunan html template blogger.
2 kolom wiget ini bisa untuk menambahkan gadget apa saja dalam blog web anda, semisal untuk menambahkan iklan atau menu yang lainya.
Cara Membuat menambahkan 2 kolom widget di bawah postingan , ikuti panduanya di bawah ini :
1. copi kode di bawah ini dan pastekan di atas 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}
}
2.copi kode di bawah ini dan pastekan di atas kode ini <div id='footer-wrapper'>
<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>
3.simpan template anda. dan selesai.
selamat mencoba jika kesulitan silahkan kontak kami