Cara Membuat Widget Footer Pada Blog

assalammualaikum sobat blog udah lama ni ane ga pernah update lagi, nah di kesempatan kali ini cuma mo ngasi tau aja cara buat bikin widget footer pada blog yang fungsinya buat menambahkan gadget di footer blog sobat, mungkin yang memakai templat asli dari blogger tidak mennemukan masalah seperti ini, tapi bagi yang sudah merubah templat blog nya dengan templar lain yang bukan dari blogger, beberapa templat tersebut tidak dilengkapi dengan widget footer dan tidak bisa di edit atau di atur dari blogger nya, maka saya akan share cara untuk membuatnya untuk langkah" nya silahkan di simak baik" ya :-)

1. silahkan login di blogger sobat
2. pilih Template di bagian kanan layar
3. lalu klick Edit HTML
4. cari script code berikut <div id='footer-wrapper'> Atau <div class='footer-outer'> jika tidak ketemu coba cari code berikut

<footer id='footer-wrapper'>
5. lalu pastekan script code berikut di bawahnya 
   Script untuk menambahkan 2 kolom add gadget

<div id='footer-column-divide'> <div id='footer1' style='width: 50%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>

  Script untuk menambahkan 3 kolom add gadget

<div id='footer-column-divide'> <div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div>

  Script untuk menambahkan 4 kolom add gadget

<div id='footer-column-divide'> <div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div>

 6. lalu klick simpan template
PERHATIAN!!!! 
 Jika setelah di save tidak muncul atau tidak terjadi apa" ikuti langkah berikut
a. Cari script code berikut ]]></b:skin> lalu pastekan code berikut ini tepat di atasnya

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

 b. Setelah itu silahkan ikuti langkah no 4 - 6 lalu save

Terimakasih sudah mengunjungi blog saya semoga postingan ini bermanfaat jangan lupa cantumkan juga comentar anda