Rabu, 01 Juli 2009
Browse Manual »
Wiring »
Kolom
»
Cara Membuat 3 Kolom Footer di Blog
Ada beberapa template baik itu template orisinal dari blogger maupun template yang telah dimodifikasi belum memiliki elemen footer. Elemen footer dapat memberikan kolom atau tempat dimana sobat bisa menambah gadjet tambahan tanpa mengurangi estetika dari blog sobat sendiri. Berikut ini adalah langkah2 bagaimana membuat kolom footer anda menjadi 3 bagian.
1. Login ke account blogger sobat.
2. Masuk ke Rancangan -- Edit HTML
3. Jangan lupa untuk membackup semua script HTML anda dengan cara menekan Download Full Template
4. Kopi dan paste CSS Style dibawah ini tepat di atas kode </b:skin>
6. Kalau sudah ketemu, letakkan kode dibawah ini dibawah script tersebut
Cara Membuat 3 Kolom Footer di Blog
1. Login ke account blogger sobat.
2. Masuk ke Rancangan -- Edit HTML
3. Jangan lupa untuk membackup semua script HTML anda dengan cara menekan Download Full Template
4. Kopi dan paste CSS Style dibawah ini tepat di atas kode </b:skin>
#footer-bottom {5. Langkah selanjutnya adalah mencari kode script seperti dibawah ini <div id='footer'>
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}
6. Kalau sudah ketemu, letakkan kode dibawah ini dibawah script tersebut
<div id='footer-bottom'>7. Simpan template sobat dan lihat hasilnya
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>