Cara Membuat Footer 2 Kolom Di Blog
Footer adalah kolom yang biasanya terdapat di paling bawah bagian blog, kita bisa mengisinya dengan berbagai macam widget yang diinginkan. Kali ini saya akan mencoba membuat Footer 2 Kolom Di Blog.
Fungsinya untuk apa? Tentu saja dengan adanya 2 kolom footer tersebeut kita bisa jadi lebih banyak ruang untuk menempatkan widget. Lihat screenshoot-nya di bawah ini:
Bagaimana cara membuatnya?
Cara Membuat Footer 2 Kolom Di Blog
- Login ke akun Blogger
- Pilih Template >> Edit HTML
- Copy-paste script berikut di atas kode ]]></b:skin>
- Lalu cari kode yang mirip dengan kode berikut ini:
- Tambahkan script berikut di bawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />
- Simpan Template. Lihat hasilnya di Tata Letak, cek apakah ada elemen baru muncul.
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
<div id='footer-wrapper'>atau, yang mirip dengan kode berikut ini:
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>
<div id='footer-column-divide'>Catatan: Jika di template yang digunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode-nya dibawah kode <div id='footer'>
<div id='footer1' style='width: 50%; 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: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
No comments