Cara Membuat Footer 2 Kolom Di Blog

Cara Membuat Footer 2 Kolom Di Blog

Selamat berjumpa lagi sobat blogging semua,  dimana un anda berada sekian lama tidak posting
Artikel kali ini saya akan berbagi trik blogger buat sobat yang berminat dengan foter dua kolom
Foter adalah widget yang biasa tepat berada paling bawah di bagian blog kita,  dan  sudah pasti
Sobat bisa mengisinya berbagai widget yang sobat inginkan. pada kesempatan kali ini saya akan
Berbagi tutorial bagaimana cara membuat dan juga  memasang footer dua kolom di blog dengan
Fungsi nya bisa langsung tambah gadget atau add gadget tanpa  harus susah membuat  atau juga
Menambah kolom lagi. karena anda bisa langsung  tambah gadget, di atas atau di bawah  kolom
Foter widget blog anda dan sudah pasti dengan widget yang sobat inginkan dan yang di kendaki
Seperti gambar di bawah ini kira-kira contoh nya :

Foter 2 Kolom

Oke sobat langsung saja pada cara instal widget nya :
Pertama anda biasa masuk blog anda dan sign in
Lalu pada dashboard pilih menu Template.
Kemudiant klik edit html, atau back up dulu template anda
Seterusnya anda cari kode ]]></b:skin> gunakan ctrl + f untuk memudah kan pencarian
Kemudian copy kode di bawah ini, dan paste tepat di atas kode ]]></b:skin>

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

Selanjutnya, masih di edit html. cari kode di bawah ini cari salah satu nya saja :

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

Atau cari kode di bawah ini, kalau kode di atas tidak di ketemukan :

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

Jika sudah ketemu kode nya, kemudian copy kode di bawah ini, pastekan dibawah kode
class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Di bawah ini kode yang harus anda copy :

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

Keterngan :
Jika pada template anda gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan kode nya di bawah kode <div id='footer'>

Setelah selesai semua penerapan kode  nya  pada tempat,   yang di tuju lalu save templat nya
Selesai. semoga artikel ini sedikit banyak nya bisa berguna buat sobat yang ingin memasang

Widget footer 2 kolom di blog, selamat  mencoba  semoga berhasil sobat.  .....happy blogging
@Karrysta