Cara Membuat 3 Kolom Widget Di Footer

Hay sobat Z-X
Apa kabarnya nih  ?  udah lama ga post , hehe :)
Oke , kali ini Admin mau mengajarkan ( buat yang belom bisa :P )
Cara Membuat 3 Widget Di Footer , mungkin sobat Z-X ada yang lagi nyari . .
Okelah langsung aja cekidot :

1.Masuk 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 .

Oke berikut Cara Membuat 3 Kolom Widget Di Footer .
Sekian dulu dari Admin , Semoga Bermanfaat . !

Sumber

Read more: http://zhaa-inc.blogspot.com/2012/12/cara-membuat-3-kolom-widget-di-footer.html#ixzz2Mle9A78L

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='http://dedisinaga123.blogspot.com/2013/03/cara-membuat-3-kolom-widget-di-footer.html' target='_blank'>Cara Membuat 3 Kolom Widget Di Footer</a>

Anda Sekarang Sedang Baca Artikel Tentang Cara Membuat 3 Kolom Widget Di Footer , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara Membuat 3 Kolom Widget Di Footer ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Cara Membuat 3 Kolom Widget Di Footer Sumbernya. Thank's