Cara Membuat Tiga Kolom di Bagian Footer Blog

Menumpukkan berbagai macam widget dalam satu atau dua sidebar rasanya membuat penampilan blog kurang good-looking. Ditambah lagi akan sulit mengatur dan merapikan penempatan widget widget yang ada. Mungkin, menambahkan 3 kolom di bagian footer blog bisa menjadi solusi untuk memudahkan kita menata rapi beberapa widget.

Silahkan baca sampai bawah jika anda tertarik unuk mencobanya.


1. Sebelum mengedit template, ada baiknya mem backup  dulu dengan mengklik Download Full Template/Download Template Lengkap


2. Masuk ke Design/Rancangan >> Edit HTML

3. Jika anda menaruh gadget di footer sebelumnya, pindahkan dulu ke sidebar. (Di, Design/Rancangan >> Page Elements/Elemen Laman)

4. Kembali ke halaman Design/Rancangan >> Edit HTML. Carilah kode: </b:skin>, yang merupakan style section akhir template. Tepat sebelum kode itu, paste-kan kode di bawah:

#footer-left {
width: 33%;
float: left;
margin:0;
text-align: left;
}
#footer-center {
width: 34%;
float: left;
margin:0;
text-align: center;
}
#footer-right {
width: 33%;
float: right;
margin:0;
text-align: right;
}
#footer-column-container{
clear:both;
}

5. Carilah kode dibawah,

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

kemudian replace/ganti dengan kode berikut

<div id='footer-wrapper'>
<div id='footer-column-container'>
<div id='footer-left'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer-center'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer-right'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
<p><hr align='center' color='#ffffff' width='100%'/></p>
</div>

ATAU, jika tidak menemukan kode yang di highlite merah diatas


Cukup carilah kode  <div class='footer'>. Tepat setelah kode ini,  pastekan kode diatas yang saya beri highlight biru langit.


6. Preview / Pratinjau kemungkinan adanya error. Jika sekiranya setelah di preview halaman pratinjau blig terbuka -menandakan tidak ada error-, maka Save Template yang telah di edit tadi.


Cobalah cek halaman Design/Rancangan >> Page Elements/Elemen Laman, lihatlah ada 3 kolom baru disana.


Bila Anda telah berhasil membuat tiga kolom footer, di halaman Page Element/Elemen Halaman, pindahkan dan tambahkan beberapa widget di sana.


Selamat Mencoba.