untuk menambahkan 3 colom footer anda harus melakukan hal - hal yang saya tulis di bawah ini :
- masuk ke tataletak --> edit HTML
- cari code :
<b:section class='footer' id='footer'>
- lalu ganti code yang di atas dengan code :
<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='#5d5d54' 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> - setelah itu cari code :
</b:skin>
- taruh code dibawah ini diatas code tadi :
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
coba anda sekarang lihat hasilnya .. !! gmana .. ?
oia untuk kode yang berwana biru itu merupakan warna bordernya jika anda ingin ganti coba lihat code warnanya di sini
.gif)
.gif)
5 Responses So Far:
Horee dapat Pertamaxx nich ... aku kurang ngerti cara pasangnya bozz, soalnya aku pake template yang dah jadi.
kerenlah ini tips
hehehehehe
nice article...
bnr2 brguna bagi blogger pemula kyk saya.. :D
Keren, berhasil..
http://fahmiblogs.blogspot.com
wahh berhasil sob..ini blog saya yg sudah saya terapkan..thanx infonya ya.saya bookmark dulu edh,biar g lupa Lirik Lagu Indonesia Terbaru