Cara Membuat 3 Kolom Widget Di Footer

Posted by Unknown Rabu, 19 Desember 2012 0 komentar
LOL

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
LOL

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
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat 3 Kolom Widget Di Footer
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://android-round.blogspot.com/2012/12/cara-membuat-3-kolom-widget-di-footer.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Trik SEO Terbaru support Online Shop Baju Wanita - Original design by Bamz | Copyright of Android round.