Cara Menambahkan Gadget Footer 3 Kolom

Halo pengunjung.... bagaimana kabarnya?? 

Kembali Malam ini saya nge share Artikel yang terbaru yaitu mengenai Cara Menambahkan Gadget Footer 3 Kolom, Seperti gambar diatas, seperti itulah yang kita bahas disini.

Oke... Jika sobat Mau seperti yang ditunjukkan seperti gambar diats,

Maka, Ikutilah sedikit langkah-langkah dibawah ini.

Tenang saja, tidak Susah ko.

Maka mari kita Pecahkan rahasia Menambahkan Gadget Footer 3 Kolom ini.

• Masuk ke Blog sobat
• Pilih Template
• Pilih edit HTML emudian cari kode Dibawah ini?

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

Ada gak sob?
jika ada maka langsung hapus kode <b:section class='footer' id='footer'/> dan ganti dengan kode dibawah ini

<div id='footer-column-divide'>

<div id='footer1' 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='footer2' 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='footer3' style='width: 30%; 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>

mungkin kode <b:section class='footer' id='footer'/> berlaku pada template lama
Dan jika tidak ada kode <b:section class='footer' id='footer'/> maka cari Kode </head>
Dan tepat dibawahnya Letakkan kode diatas.
Ingat!! tepat dibawah </head> Ya sobat.

Ok sesudah itu, langkah selanjutnya sobat cari Kode dibawah ini:

]]></b:skin>

Dan apabila sudah ketemu, tepat diatasnya letakkan kode dibawah ini:

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

Dan lihat blog sobat, Pasti sudah bertambah kan?
oke lah.. sampai disini mengenai Cara Menambahkan Gadget Footer 3 Kolom.
semoga bermanfaat ya?
terimakasih
happy Blogging for you.