• Twitter
  • Facebook
  • Google+
  • Instagram
  • Youtube

December 19, 2012

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

4 comments:

Contact

Get in touch with me


Adress/Street

Jl. Raya Samarang, Garut.

Phone number

+(62) 815 xxxx xxxx

Website

www.zhaa-inc.blogspot.com