Cara Membuat Footer 3 Kolom Pada Blog

Kali ini kita akan merubah dan membuat Footer dengan tiga kolom pada blog, yang nantinya akan berada di atas Copyright blog kita.

Cara membuatnya cukup mudah, silahkan ikuti caranya dibawah ini:

1. Silahkan masuk kedalam mode edit template, > Template > Edit Html.
2. Cari code "]]></b:skin>" dan copy paste tepat di atasnya,

 #footer-column-container {
clear:both;}
.footer-column {
padding: 10px;}

seperti gambar berikut:

 

 3.  Selanjutnya silahkan cari kode <div id='footer'> atau div class footer blog yang sesuai blog kita karena setiap blog biasanya desain template yang berbeda-beda. Silahkan copy dan paste script dibawah ini tepat diatas div class footer kita:

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

contohnya seperti gambar berikut:

Jika sudah silahkan klik " Simpan Template" dan lihat hasilnya pada menu Tata Letak, akan terlihat seperti gambar dibawah ini:

OKKEE..!! Kita sudah berhasil membuat footer 3 kolom, jangan segan-segan untuk bertanya jika ada yang perlu ditanyakan.

Cukup sekian dan terima kasih.

Bye..

Tweet

Subscribe to receive free email updates: