K
EREN .. Acara ngeBlog emang paling enak, duduk manis, ngopi manis, merokok (( bagi yang suka merokok )) sekaligus ndengerin musik .. Fiuhh pasti enak banget, ditemani cewek cantik lageee .. suit suit .. nggak bisa ngegambarinnya tuh .. hehe basa basinya udahan dolo .. sekarang ane mau ngasih sobat blogger semua tentang tips untuk ngebuat footer menjadi tiga kolom .. tau nggak sobat blogger dengan footer .. footer itu tambahan gadget yang terletak paling bawah .. kelebihan footer 3 kolom, tu bisa muat artikel atau apapun menjadi berdampingan .. iya nggak ?? sekarang mulai aja ..
Pertama Sobat Blogger masuk dimari ::--))
1. Masuk ke Blogger dengan ID kalian sendiri
2. Masuk lagi ke Tata Letak
3. Kemudian cari Edit HTML
4. Setelah itu kalian kasih kode dibawah ini tepat diatas kode </b:skin>:


#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
clear:both;
}
.footer-column {
padding: 10px;
}
Kemudian cari kode dibawah ini ::*__
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
</div>
<b:section class='footer' id='footer'>
</div>
Catatan : kode berwarna merah diganti kode ini :


<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>
<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>
Save template kalian dan kemudian liat di tata letak blog kalian sendiri .. pastinya udah menjadi 3 kolom .. kalau error, ya terpaksa diulang lagi, pasti kalian kurang memperhatikan cara-cara diatas dengan seksama atau malah tidur hehe .. jangan timpuk ane


Agan jadi Cuapers ke 2, CONGRATULATE !
thank's brow akhir'y kolom w jdi jg,,,,,,,,,,,
Keren infonya
Thanks ya mas
Mampir ke dulida.com ya
Jangan lupa ada emo Kaskus diatas CommentBox Ini. Langsung dicoba gan ? Entar ane kasih cendol dah.