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.
- Klik Design > Edit HTML
- Cari kode dibawah ini:
<div id='footer-wrapper'>
atau
<div id='footer'> - Dari kode di atas selanjutnya kita tambahkan kode:
<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:
]]></b:skin> - Lalu masukkan kode berikut ini tepat di atasnya.
#footer-column-
container {
clear:both;
}
.footer-column {
padding: 10px;
} - Simpan templete.
Post a Comment
Silahkan dishare dan tinggalkan komentar untuk kemajuan blog ini.
Terima kasih atas komentarnya brada.....!