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.

<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>

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

Seluruh artikel postingan pada blog ini dapat di copy-paste dengan syarat menuliskan sumbernya dan memasang link aktif blog ini pada blog sobat | Bagi Sobat yang menemukan link download bermasalah (brokenlink) dapat memberitahu saya di sini

Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.