Cara Membuat Widget Footer Tiga Kolom Responsive di Blogger. Hanya ada dua jenis kode, yakni CSS dan HTML. Mudah dipasang dan diedit.
Widget Footer biasanya dipasang di atas Copyright Footer. Isinya bisa wigdet apa saja, mulai About, Kolom Kontak, hingga Popular Posts, Random Posts, atau Recent Post per Label dan Rss Feed dari blog lain.
Cara Membuat Widget Footer Tiga Kolom Responsive di Blogger
1. Pasang KODE CSS
#footer-wrapper{background:#242424;overflow:hidden;margin:0 auto;padding:20px 15px 0;color:#dddddd;} #footer-wrapper .left{float:left;width:34%} #footer-wrapper .center{float:left;width:34%} #footer-wrapper .right{float:right;width:32%} #footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 15px 15px 0;clear:both} #footer-wrapper .right .widget{margin:0 0 15px 0;clear:both}
@media screen and (max-width:768px){
#footer-wrapper .left{float:none;width:100%}
#footer-wrapper .center{float:none;width:100%}
#footer-wrapper .right{float:none;width:100%}
#footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 0 15px;clear:both}
}
2. Pasang KODE HTML
<div id='footer-wrapper'>
<b:section class='left' id='left' preferred='yes'/>
<b:section class='center' id='center' preferred='yes'/>
<b:section class='right' id='right' preferred='yes'/>
</div><div class='clear'/>
3. Save!
4. Pasang widgetnya di Layout > Add a Gadget!