membuatfooter 3 kolom

hmm..kyk mash kurang srek deh klo qt blum membuat foter qt menjadi 3 kolom
?? loh ko bs gt ce mas...?? ya dunk..alnya dengan membuat foter menjadi 3 kolom
qt bisa menambahkn lebih bnyak objek to apa gt di blog qt hehehh..
..aduh lama bgt ce mas neranginya..??jd ngantuk ne..
oke oke..klo gt qt lansun az inti judul yg qt buat..
membuat footer menjadi 3 kolom..


ikuti langkah-langkah berikut ini..

*log in k bloger anda

*klik layout

*lalu edit html

* Backup terlebih dahulu template anda dengan mengklik Download Template Lengkap
dan simpan ditempat yang anda inginkan.

copas code dibawah ini di atas </b:skin>


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


cara code dibawah ini


&lt;div id='footer-wrapper'&gt;
ganti dengan code dibawah ini
&lt;/div&gt;


jgn lupa ganti ssecrip yg di tulis [ ganti nama ini ]

ini codenya:

<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 style='clear:both;'/>
<p>
<hr align='center' color='#ffae00' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding:



10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>


kamu bisa menganti scrip yg ini[[ #ffae00 ]]
dengan code warna lain..sesuai keinginan kamu

klik save template
lalu klik tata letak en liat hasilnya
waw keren bgt men..


[[[ lihat srtikel yg lainya di samping blog aku ]]