Membuat Footer 3 kolom

Di sebelah kiri anda adalah gambar footer 3 kolom (yang di lingkari merah). Pada umumnya Footer hanya 1 kolom saja. Saya akan mengajarkan bagaimana cara membuatnya menjadi 3 kolom, langsung saja Step By Step :

1. Login ke blogger

2. Tata Letak > Edit HTML > centang Expand Widget Template

3.  Cari kode yang bercetak tebal seperti dibawah ini, tekan CTRL+F untuk mempercepat pencarian:

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

4. Ganti kode yang bercetak tebal pada baris kedua diatas dengan kode di bawah 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;'/>

<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>

5. Save Templates