cara uat 3 koo diataa kada

Membuat Halaman Footer Responsive 2 atau 3 Kolom di Blog - Apabila rekan-rekan ingin membuat halaman footer responsive di blog, tips ini layak jenengan coba. Halaman footer biasanya digunakan dan terletak pada bagian bawah blog atau website. Tentu halaman footer blog ini bisa digunakan untuk memberikan informasi seperti label, about me, kontak dan random post.

LAngkahnya sebagae berikut;

Masuk keblogger.com dengan akun masing masing

buka template >> edit html

lalu cari kode ]]></b:skin>kopas kode berikut dan taruh diatasnya

#footer-wrapper {background: #232323; margin: 0 auto; padding: 12px 18px; overflow: hidden; color: #fff; font: normal normal 11px Arial, sans-serif; border-top: 4px solid #008db8;
}
#footer-wrapper .left {float: left; width: 33%
}
#footer-wrapper .center{ float: left; width: 33%
}
#footer-wrapper .right{ float: right; width: 33%
}
#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
}
#footer-wrapper h3{ padding: 7px 0 2px 0; margin: 0 0 10px 0; border-bottom: 1px solid #008DB8; font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 1.4em; text-transform: uppercase;
}
#footer-wrapper a:link {color: #008DB8;
}
@media only screen and (max-width: 768px){
#footer-wrapper .left{ float: none; width: 97%}
#footer-wrapper .center{ float: none; width: 97%}
#footer-wrapper .right{ float: none; width: 97%}
#footer-wrapper .left .widget, #footer-wrapper .center .widget{ margin: 0 0 15px; clear: both};
}

Lalu cari kode lnk kridit

<div id='footer-wrapper'>
<b:section class='left' id='left' preferred='yes'>
</b:section>
<b:section class='center' id='center' preferred='yes'>
</b:section>
<b:section class='right' id='right' preferred='yes'>
</b:section>
</div>
<div class='clear'/>