Menambahka 3 kolom footer di blogger
Untuk menambahkan tiga kolom footer pada blog bloger, anda dapat mengikuti petunjuk dibawah ini. Dengan adanya footer ini maka anda dapat menambah beberapa gadged sesuai selera dan kebutuhan anda, yang nantinya gadget ini berfungsi untuk memberikan informasi bagi pembaca atau pemilk blog.
Langkah membuat footer adalah:
- Masuk ke dashboard blog anda... ya iyalah masak blog orang lain
- Klik Design > Edit HTML
- Cari kode dibawah ini ya :<div id='footer-wrapper'>
atau
<div id='footer'> - Cari kode di atas selanjutnya kita tambahkan kode di bawah 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 style='clear:both;'/>
<div id='footer-bottom' style='text-
align: center; padding: 10px; text-
transform: lowercase;'>
<b:section class='footer' id='col-
bottom' preferred='yes'>
<b:widget id='Text2' locked='false'
title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div> - Selanjutnya kita cari kode ini :]]></b:skin>
- Lalu masukkan kode di bawah ini tepat di atasnya.#footer-column-
container {
clear:both;
}
.footer-column {
padding: 10px;
} - Dan.......Simpan templete.
SUDAH BISA BELUM KALO BELUM PAHAM TINGGAL DI KOMEN AJA YA?
