
Jika kita lihat template default blogger, hanya memiliki footer satu kolom saja. Kalau kita ingin buat menjadi tiga kolom untuk menambah space di blog, caranya adalah sebagai berikut:
- Login ke Blogger.com
- Pilih Rancangan
- Pilih Edit HTML
- Download Template Lengkap, untuk menghindri jika terjadi kesalahan pada edit.
Centang kotak Expand Widget Template - Cari kode ]]></b:skin>, gunakan tombol pencarian untuk mempermudah pencarian kode.
- Copas kode berikut di atas kode ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding:10px;
} - Selanjutnya cari kode berikut:
<div id='footer-wrapper'> <b:section class='footer' id='footer'> </div>
- Hapus kode <b:section class='footer' id='footer'>
- Ganti kode tersebut dengan kode berikut:
<div id='footer-column-divide'>
<div id='footer1' style='width:30%;float:left;margin:0;text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes'>
</div>
<div id='footer2' style='width:40%;float:left;margin:0;text-align:left;'>
<b:section class='footer-column' id='col2' preferred='yes'>
</div>
<div id='footer3' style='width:30%;float:right;margin:0;text-align:left;'>
<b:section class='footer-column' id='col3' preferred='yes'>
</div>
<div style='clear:both;'>
</div>
</div> - Selanjutnya klik tombol Simpan Template
Selamat mencoba dan semoga artikel ini bisa bermamfaat...
Dari berbagai sumber