Cara Membuat 3 Kolom Footer di Blog

Ada beberapa template baik itu template orisinal dari blogger maupun template yang telah dimodifikasi belum memiliki elemen footer. Elemen footer dapat memberikan kolom atau tempat dimana sobat bisa menambah gadjet tambahan tanpa mengurangi estetika dari blog sobat sendiri. Berikut ini adalah langkah2 bagaimana membuat kolom footer anda menjadi 3 bagian.

1. Login ke account blogger sobat.
2. Masuk ke Rancangan -- Edit HTML
3. Jangan lupa untuk membackup semua script HTML anda dengan cara menekan Download Full Template
4. Kopi dan paste CSS Style dibawah ini tepat di atas kode </b:skin>

#footer-bottom {
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}

5. Langkah selanjutnya adalah mencari kode script seperti dibawah ini <div id='footer'>

6. Kalau sudah ketemu, letakkan kode dibawah ini dibawah script tersebut

<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>

7. Simpan template sobat dan lihat hasilnya

Posted in: Kolom