Cara Menciptakan Footer 2 Kolom Di Blog

Footer yaitu kolom yang biasanya terdapat di paling bawah bab blog, kita sanggup mengisinya dengan aneka macam macam widget yang diinginkan. Kali ini saya akan mencoba menciptakan Footer 2 Kolom Di Blog.

Fungsinya untuk apa? Tentu saja dengan adanya 2 kolom footer tersebeut kita sanggup jadi lebih banyak ruang untuk menempatkan widget. Lihat screenshoot-nya di bawah ini:

Bagaimana cara membuatnya?

Cara Membuat Footer 2 Kolom Di Blog

1. Login ke akun Blogger
2. Pilih Template >> Edit HTML
3. Copy-paste script berikut di atas aba-aba ]]></b:skin>

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

4. Lalu cari aba-aba yang seolah-olah dengan aba-aba berikut ini:

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

atau, yang seolah-olah dengan aba-aba berikut ini:


<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div> 

5. Tambahkan script berikut di bawah aba-aba <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

<div id='footer-column-divide'>

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

Catatan: Jika di template yang dipakai tidak ada aba-aba <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode-nya dibawah aba-aba <div id='footer'>
6. Simpan Template. Lihat akhirnya di Tata Letak, cek apakah ada elemen gres muncul.

Itulah sekilas pemahaman saya perihal Cara Membuat Footer 2 Kolom Di Blog. Jika mencari artikel yang serupa silahkan cek di bawah ini:

Berbagi :