Cara Menambah Kolom di Footer Blog
Cara Menambah Kolomdi Footer Blog - Cara
menyisipkan kolom di footer blog | cara memberi kolom tambahan di footer
| cara menambah 3 kolom di footer blog. Setelah posting mengenai cara menambahkolom di bawah header blog,
kali ini saya akan share bagaimana cara menambah kolom di footer blog.
Sebenernya apa
itu Footer ???footer adalah bagian template yang paling bawah dinamakan
footer biasanya berisi : copyright, design by, dll.Dengan CaraMenambahkan 3 Kolom Di Footer kita mempunyai banyak pilihan
untuk meletakkan widget jadi tidak harus selalu di sidebar .
1. Login Blogger dulu
2. Pilih Rancangan
3. Pilih Edit HTML ( backup template blog anda terlebih dahulu barangkali terjadi kesalahan )
4. Cari Kode ]]></b:skin>
5. Copy kode di bawab ini di atas kode ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
clear:both;
}
.footer-column {
padding: 10px;
}
6. 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. Simpan Template
8. Pilih Rancangan dan lihat hasilnya...
1 komentar:
Numpang Nyimak ,Ini yang Aku Cari...Makasih .... ;)
Posting Komentar