Cara Membuat 3 Kolom Widget Di Bagian Footer

Cara Membuat 3 Widget Di Footer - Widget merupakan sebuah kumpulan kode yang biasanya kita pasang pada blog atau web, seperti header, sidebar, foter tergantung menurut thema pada blog sobat. dan tentunya sobat sendiri yang menempatkannya. Ulasan lain tentang widget klik disini

Okelah langsung aja cekidot :

1. Login Ke akun Blogger
2. Masuk ke Template

3. Klik Edit HTML
( Saya sarankan Backup dulu template kamu )

4. Centang Expand Template Widget
5. Cari kode :

]]></b:skin>

6. Copy kode dibawah ini , pastekan tepat di atas kode ]]></b:skin>

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

7. Cari kode berikut :

Pertama

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

Kalo ga ada , coba cari kode dibawah ini :

Kedua

<!-- end outer-wrapper --> 

Kalo masih ga ada , coba cari yang ini :

Ketiga

<div id='footer'> 

jadi inti nya cari kode yang hampir sama dengan kode di atas . .

8. Kalo udah ketemu , ikuti langkah dibawah ini

• Kalo kamu ketemu kode Pertama ..

Ganti kode <b:section class='footer' id='footer'/> dengan kode di bawah ini :

• Kalo ketemu kode Kedua / Ketiga , pastekan kode dibawah ini

Tepat di atas kode <!-- end outer-wrapper -->  / <div id='footer'>  :

<div id='footer-column-divide'>
<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 style='clear:both;'/>
</div>

9.Simpan / save template .

Cara Membuat 3 Kolom Widget Di Footer  Cukup sampai disini