Cara Membuat 3 kolom Diatas Footer Blog

Cara Membuat 3 kolom Diatas Footer Blog, bagi blogger pasti udah nggak asing lagi dengan kolom gadget ini, kolom gadget sangatlah penting untuk memasang widget widget pendukung dalam blogger itu sendiri, dan kali ini saya akan membahas tentang Cara Membuat 3 kolom Diatas Footer Blog yuk sekidot:

1. Silahkan sobat login terlebih dahulu

2. Klik Rancangan, kemudian Edit html, centang Expand widget template! , eh di edit html blogger 2013 udah nggak ada expand widget template yah, tenang! masih ada kok cuma beda versi aja, sobat tau segitiga kecil yang berada di kiri? nah itulah expand widget template nya :D

3. Tekan ctrl+f untuk pencarian cepat, dan cari kode ]]></b:skin>

4. Kemudian copy dan paste kode dibawah ini tepat di atas ]]></b:skin>

#tiga-kotak-bawah { clear:both; border-top:3px double #e6e4e3; } .kolom-kotak { padding:0px 10px 10px 10px; }

5. Setelah itu cari kode <div id='footer'>

6. Kita lanjut copy code dibawah ini, di atas kode <div id='footer'>

<div id='tiga-kotak-bawah'><div id='kotak1' style='width: 33%; float: left; margin:0; text-align: left;'><b:section class='kolom-kotak' id='kol1' preferred='yes' style='float:left;'/></div><div id='kotak2' style='width: 34%; float: left; margin:0; text-align: left;'><b:section class='kolom-kotak' id='kol2' preferred='yes' style='float:left;'/></div><div id='kotak3' style='width: 33%; float: right; margin:0; text-align: left;'><b:section class='kolom-kotak' id='kol3' preferred='yes' style='float:right;'/></div><div style='clear:both;'/></div>

7. Yang terakhir, sobat pratinjau dahulu untuk mengantisipasi terjadinya kesalahan, kalau udah beres nggak ada kesalahan tinggal save template aja

8. Selesai dan lihat hasilnya :)

Semoga Bermanfaat

Tweet