Cara Membuat Footer 2 Kolom Di Blog

Tampilan Footer 2 Kolom

Cara Membuat Footer 2 Kolom Di Blog | Hai...sobat jika kemarin-kemarin saya telah posting mengenai
Cara Membuat Footer 3 Kolom Sekarang saya akan memposting mengenai "Cara Membuat Footer 2 Kolom Di Blog". Jika pada postingan Cara Membuat Footer 3 Kolom Footer akan di bagi menjadi 3 bagian, yg setiap bagian bisa sobat isi dengan widget. Nah..jika di posting yg kali ini, Footer hanya akan di bagi menjadi 2 bagian...dan ini dia Cara Membuat Footer 2 Kolom Di Blog.

Cara Membuat Footer 2 Kolom Di Blog

• Login ke Blogger
• Pilih Template >> Edit HTML >>  Centang Expand Template Widget
• Setelah itu cari kode ]]></b:skin> Untuk mempermudah sobat bisa gunakan F3 atau Ctrl+F
• Copy lalu Pastekan kode berikut tepat di atas kode ]]></b:skin>

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

• Setelah itu sobat cari kode :

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

Atau

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

• Copy dan Pastekan kode di bawah ini tepat di bawah kode

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

Atau

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

• Kodenya :

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

• Simpan

http://luhurfatah10.blogspot.com/2013/01/cara-membuat-footer-2-kolom-di-blog.html

Artikel Terkait: