Cara Menambah Kolom di Footer Blog ( di paling bawah blog )

Cara Menambah Kolom di Footer Blog ( di paling bawah blog ) - Cara menyisipkan kolom di footer blog atau cara memberi kolom tambahan di footer atau cara menambah 3 kolom di footer blog. Setelah posting mengenai cara menambah kolom di bawah header blog, kali ini saya akan share bagaimana cara menambah kolom di footer blog. seperti contoh di bawah ini :

Sebenernya apa itu Footer ??? footer adalah bagian template yang paling bawah dinamakan footer biasanya berisi : copyright, design by, dll.Dengan Cara Menambahkan 3 Kolom Di Footer kita mempunyai banyak pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar .

berikut caranya cara menambahkan 3 kolom di footer blog - Cara memasang kolom di footer blog :

Login Blogger dulu di bloger
nah anda sudah masuk ke menu dasbor sekarang blog anda yang mana yang ingin di kasih fother atau menu tambahan di ahir blog. jika sudah di pilih klik tanda segitiga di samping tombol pecil lalu pilih template. untuk lebih jelas nya perhatikan gambar di bawah ini :
kemudian anda masuk pengaturan template nah di sini anda pilih tulisan edit HTML untuk lebih jelas nya anda perhatikan gambar di bawah ini :
Cari Kode ]]></b:skin> klik aja satu di dalam kolom pengeditan HTML lalu CTRL + F dan akan ada kotak kecil yang munul tepat nya di pojok kanan atas kolom pengeditan masukan saja kode yang kita cari yaitu ]]></b:skin> lalu tekan enter pasti langsung ketemu.
nah jika sudah ketemu masukan kode script di bawah ini tepat di atas kode yang kita cari tadi yaitu ]]></b:skin> :
#footer-column-container {clear:both;}.footer-column { padding: 10px;}
Kemudian kita Cari kode <b:section class='footer' id='footer'> lalu ganti dengan kode dibawah ini :
<div id='footer-column-container'> <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>
simpan template jika anda mengikuti dengan benar cara di atas pasti akan berhasil ...