Minggu, 04 Maret 2012

CARA MEMBUAT FOOTER 3 KOLOM


Hello sobat blog ini akan berbagi ILMU dengan kalian yaitu CARA MEMBUAT FOOTER 3 KOLOM ikuti langkah-langkahnya ya..


  1. Login ke blogger dan masuk ke Dasbor.
  2. Klik Rancangan, lalu pilih menu Edit HTML (Jangan Centang "Expand Template Widget")
  3. Cari kode ]]></b:skin>
  4. Letakkan kode CSS berikut ini diatas ]]></b:skin>

#footer-column-container {
clear:both;
}
.footer-column {
background:#444 url(http://i1237.photobucket.com/albums/ff473/muhammadsuteja/footerbawah.jpg) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff
}

5.Cari Kode <!-- end content-wrapper --> dan letakkan kode dibawah ini tepat diatasnya
<div id='footer-column-container'>
<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>
 

6.Simpan Template

Jangan Lupa commentnya dan sarannya ya gan...!

Sumber : http://www.ilhamibnupurnomo.co.cc

0 komentar:

Posting Komentar

 

Selamat Datang

Selamat datang di Power Science, saya harap anda senang dan bisa mendapatkan apa yang anda cari di blog ini. dan berharap Anda sering datang kembali. Silahkan anda mencari hal-hal yang baru di blog saya iniSelengkapnya tentang Saya

Sepintas Tentang Saling Sharing

Nama saya Erlangga Yudian Pratama saya seorang yang senang berbagi. tadinya saya adalah pemilik blog Ilmu tetapi tidak tahu apa yang terjadi saya kehilangan account blog tersebut dikarenakan kejahilan seseorang. :D

Social Stuff

Info