Cara menambahkan kolom footer di blogspot
Cara Menambah Kolom di Footer Blog - Cara menyisipkan kolom di footer blog atau cara memberi kolom tambahan di footer atau cara menambah 3 kolom di footer blog. Selamat Pagi sobat yang udah mampir kali ini saya ingin berbagi cara menambah kolom di footer blog.
Seperti ini :
berikut caranya cara menambahkan 3 kolom di footer blog - Cara memasang kolom di footer blog :
1. Login Blogger dulu.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari Kode ]]></b:skin>
4. Copy kode di bawab ini di atas kode ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
5. Cari kode <b:section class='footer' id='footer'> lalu ganti dengan kode dibawah ini
6. Simpan Template.
7. Pilih Tata Letak dan lihat hasilnya.
Seperti ini :
Sebenernya apa itu Footer ??? footer adalah bagian template yang paling bawah dinamakan footer biasanya berisi : footnote, copyright, design by, dll.Dengan Cara Menambahkan 3 Kolom Di Footer kita mempunyai banyak pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar .
1. Login Blogger dulu.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari Kode ]]></b:skin>
4. Copy kode di bawab ini di atas kode ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
5. Cari kode <b:section class='footer' id='footer'> lalu ganti dengan kode dibawah ini
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>
7. Pilih Tata Letak dan lihat hasilnya.
2 komentar:
mantap dah artikelnya
http://acemaxs31.com/obat-herbal-kolesterol/
keren dah tipsnya
Posting Komentar