Join this site

Cara Membuat 3 Kolom Widget Di Footer

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

3 komentar:

  1. terima kasih bro atas informasinya , klo bisa kunjungin balik ya :D http://memolodys.blogspot.com/2013/08/cara-booting-shutdown-komputer-cepat.html

    BalasHapus
  2. @melody : sama"
    makasih udh kunjung balik..

    BalasHapus
  3. Makasih mas, kunjungi juga blog adik
    http://www.prediksibola888.blogspot.com
    http://www.kis33.net

    BalasHapus

[D-S] COMMENTS RULE :

-DONT SPAM
-DONT FLOOD
-BILA ANDA SUKA DENGAN ARTIKEL INI SILAHKAN BERKOMENTAR
-BILA ANDA INGIN MENDAPATAKAN INFO DI BLOG INI SILAHKAN FOLLOW BLOG INI
-GUNAKANLAH BAHASA YANG SOPAN
-FOLLOW THIS BLOG I WILL FOLLOWBACK !!

 
Thanks For Visiting Gunakanlah Google Chrome Untuk Tampilan Sempurna