Membuat Footer 3 Kolom di Blog

Kagak ada kata-kata untuk mengawali postingan nih, jadi langsung aja.

Membuat Footer 3 Kolom di Blog

LIHAT DEMO

Masuk ke bagian EDIT HTML

Lalu tambahkan CSS ini di atas ]]></b:skin>

 /* Footer 3 Column */
#footer-column-divide {
background:#2980b9; color:#fff; font-size:14px; clear:both; display:block;
}
#footer-column-divide a {
color:#fff;
}
#footer-column-divide a:hover {
color:#333;
}
#footer-column-divide h2, #footer-column-divide h3 {
height:25px; font-size:16px; color:#fff; text-align:left; border-bottom: 2px solid #fff; padding:0px; margin:10px;
}
.footer-column {
padding: 10px;
}
.footer-column .widget-content {
padding: 10px;
} 

Kemudian cari kode <div id='footer'>  lalu masukan script ini di bawahnya

 <div id='footer-column-divide'> 
<div id='footer-left' style='width: 35%; float:left; margin:0; text-align:left;'> 
<b:section class='footer-column' id='column-left' preferred='yes' style='float:left;'/> 
</div> 
<div id='footer-center' style='width: 30%; float: left; margin:0; text-align: left;'> 
<b:section class='footer-column' id='column-center' preferred='yes' style='float:left;'/> 
</div> 
<div id='footer-right' style='width: 35%; float: right; margin:0; text-align: left;'> 
<b:section class='footer-column' id='column-right' preferred='yes' style='float:right;'/> 
</div> 
<div style='clear:both;'/> 
</div> 

Lalu klik simpan template, sekarang kamu pergi ke "Tata Letak" dan lihat di bagian footer ada kotak "add gadget" atau tidak. Kalau ada, berarti cara ini sudah berhasil.
Sekian Membuat Footer 3 Kolom di Blog semoga bermanfaat, terimakasih :)