|
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>
<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>
Terimakasih sudah membaca artikel mengenai "Cara Membuat Footer 2 Kolom Di Blog".Semoga bisa bermanfaat untuk sobat semua..
Judul : Cara Membuat Footer 2 Kolom Di Blog
Deskripsi : Tampilan Footer 2 Kolom Cara Membuat Footer 2 Kolom Di Blog | Hai...sobat jika kemarin-kemarin saya telah posting mengenai Cara Me...