Cara Membagi Footer menjadi 3 coloum/kolom pada blog

Para sahabat netter..

akhirnya saya berhasil membagi footer blog saya menjadi 3 kolom/coloum, tapi saya harus mengorbankan Flag Counter saya...ya akibat lupa saya amankan. Tapi tidak apa-apa, pada akhirnya pengorbanan membuahkan hasil.
Setelah 2 jam otak atik kode HTML [puyeng juga...rasanya seperti derita cinta...makan terasa hambar..yaiyalah cuma ada nasi belum beli lauk..hehehe]

Ok sahabat, saya akan berbagi dengan saudara sekalian.....
Ini langkah2 yang perlu sahabat lakukan :

1. Saya beranggapan sahabat sudah ada di posisi edit html [sudah pada tau kan???]
2. kode   ]]></b:skin> pake saja cntrl + f untuk mempermudah.
3. Tambahkan kode dibawah ini diatas kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

4. cari kode dibawah ini.

div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
 
   

5. Hapus kode <b:section class='footer' id='footer'/>  lalu ganti dengan kode dibawah ini.

Jika ingin membuat footer 3 kolom. Gunakan kode dibawah ini:

<div id='footer-column-divide'>

<div id='footer1' 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='footer2' 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='footer3' 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>

Preview terlebih dahulu, jika sudah benar baru bisa sahabat Save Template 

Jangan Lupa amankan gadget yang sudah sahabat tambahkan. Sayang jika hilang seperti saya..  

Facebook

Twitter

Google+

Pinterest

Posted by : KeCenk Tour n Travel

6 Comments

Jumat, 08 Januari 2010