Cara Membuat Footer Menjadi 3 Kolom

Kali ini saya akan memberi tau Cara Membuat Footer Menjadi 3 Kolom, dimana terkadang sering kehabisan tempat untuk menaruh widget di blog kita, disana disini penuh.
Nah sekarang jadikan 3 bagian saja footer'y. jika dilihat, template default Blogger cuman ada satu footer ja, kalau dijadiin 3kan makin bisa naruh" widget. Langsung saja disimak cara'y ni.

1. Login dulu ke akun Blogger anda
2. Cari Tata Letak > Edit HTML. Jangan lupa klik "Download Full Template" untuk membackup template blog anda.
3. Beri tanda centang pada "Expand Widget Template"
4. Kemudian CoPas kode berikut ini diatas ]]></b:skin> (tekan Ctrl+F atau F3 untuk mempermudah pencarian)

#footer-column-divide {

clear:both;

}

.footer-column {

padding: 10px;
}

5. Cari kode berikut ini.

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


6. Setelah itu ganti kode "<b:section class='footer' id='footer'/>" dengan kode berikut 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>


7. Selanjutnya klik tombol Simpan Template. Jika berhasim maka footer blog anda akan menjadi 3 bagian.


Semoga Bermanfaat,, <O><O>