Membuat Tiga Kolom Footer

Assalamu'alaikum,,,sambil nunggu sahur, ane mo share sesuatu nih sapa tau berguna....

Bagi sobat blogger yang ingin punya kolom di bagian footer dan di template bawaannya tidak tersedia, mudah-mudahan posting ini bisa membantu.

Berikut adalah cara bagaimana membuat 3 kolom pada bagian footer ala rizkyzone.com:

1. Loggin ke Blogger

2. Klik edit HTML  

3. Klik dowload templatenya untuk menghindari kesalahan)

4. Expand Widget Templates

5. Cari kode ]]></b:skin> dan tambahkan kode berikut di atasnya

#footer-column-divide { -moz-box-shadow: 1px 1px 10px #888; -webkit-box-shadow:1px 1px 10px #888; -webkit-border-radius: 6px; -moz-border-radius: 6px; width: 870px; position: relative; clear: both; float: center; color: #fff; margin: 0 auto; } .footer-column { padding: 10px; }

6. Cari kode <div id='footer'> dan letakan kode berikut di bawahnya

<div id='footer-column-divide'> <div id='footer1' style='width: 33%; 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: 33%; 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: 33%; 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>

Catatan:

width: 870px; dan width: 33% » Silakan ubah angkanya sesuai dengan template yang digunakan  

7. Klik simpan