Membuat Footer 3 Kolom Di Blog

Tutorial blog kali ini kita akan mencoba membuat footer blog 3 kolom, cara ini diperuntukkan bagi sobat yang memakai template blog yang tidak mempunyai pilihan add gadget/tambah gadget pada bagian footer nya dan ingin menambah pilihan add gadget/tambah gadget sebanyak tiga kolom dibawah footer blog sobat. Ok bro, langsung aja kita lihat cara buatnya dibawah ini.

Cara Buat Footer 3 Kolom:

• Login ke blog sobat.
• Klik "Template" -> "Edit HTML" dan beri centang pada "Expand Template Widget".
• Cari kode ]]></b:skin> dengan menggunakan fasilitas search ( Ctrl + F).
• Kemudian, copy kode dibawah ini dan pastekan tepat diatas kode ]]></b:skin> tadi.

#footer-column-container { clear:both; } .footer-column { padding: 10px; }

• Langkah selanjutnya, cari kode <div id='footer'> atau id='footer' atau <div id='credits'> (tergantung template).
• Jika sudah dapat, copy code dibawah ini dan paste/letakkan tepat dibawah code <div id='footer'> atau id='footer' atau <div id='credits'> tadi.

<!-- start footer 3 kolom --> <div id='footer-column-container'> <div style='clear:both;'/> <p> <hr align='center' color='#ffae00' width='90%'/></p> <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'> <b:section class='footer' id='col-bottom' preferred='yes'> <b:widget id='Text2' locked='false' title='' type='Text'/> </b:section> </div> <div style='clear:both;'/> <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> </div> <!-- end footer 3 kolom -->

• Kemudian, simpan/save template.

Sekarang, coba lihat hasilnya di Tata Letak/Layout. Jika cara diatas berhasil, maka pada bagian Tata Letak/Layout telah muncul footer 3 kolom nya. Sekarang, tinggal pasang widgetnya sesuai kebutuhan dan selera sobat.

Semoga berguna dan bermamfaat  
Follow twitter saya ya (twitter.com/mampirbro), ntar saya follback
Salam MampirBro