cara membuat 4 kolom pada footer

 Kali ini saya akan membahas tentang cara membuat 4 kolom pada footer karena dulu saya pernah memposting membuat 3 kolom pada footer section. Wah kira - kira jadi seperti apa ya ? Simpan dulu pertanyaan anda dan lihat caranya di bawah ini :

1. Login dahulu ke account blogger anda

2. Klik Rancangan

3. Klik Edit HTML

4. Selanjutnya silahkan sobat cari kode ]]></b:skin> .

5. Jika sudah ketemu kodenya, copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin> .
#footer-column-divide { clear:both; } .footer-column { padding: 10px; }



6. Selanjutnya silakan sobat cari kode berikut ini :

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

7. Jika sudah ketemu, hapus kode <b:section class='footer' id='footer'/> kemudian ganti dengan kode dibawah ini :
<div id='footer-column-divide'> <div id='footer1' style='width: 25%; 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: 25%; 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: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/> </div>


8.Klik Simpan Template

Jika berhasil, maka akan terlihat seperti gambar di bawah ini :

 

Selamat mencoba !