Sobat blogger mungkin telah mengamati bahwa sebagian besar Blogger Templates hanya memiliki satu kolom footer.kali ini saya akan bahas bagaimana Anda 3 colom footer di blog anda, kalau ada 3 colom footer kan bisa buat naruh widget seperti Recent Posts, Recent Comments, Archives, Labels dan bahkan beberapa Iklan. caranya gimana dong????
sangat gampang sekali untuk menambahkan kolom footer tiga bagian untuk blogger (blogspot) blog.
angkah-langkahnya begini:
pertama anda login ke blogger dulu
kemudian piliah layout/tata letak
kemudian Menuju ke halaman Edit HTML di Blogger Layout Window
Cari Kode berikut:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
ganti code di atas dengan
<div id='footer'>
<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;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
langkah terakhir PENCET simpan.. jadi dech, sekamat mencoba...
sangat gampang sekali untuk menambahkan kolom footer tiga bagian untuk blogger (blogspot) blog.
angkah-langkahnya begini:
pertama anda login ke blogger dulu
kemudian piliah layout/tata letak
kemudian Menuju ke halaman Edit HTML di Blogger Layout Window
Cari Kode berikut:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
ganti code di atas dengan
<div id='footer'>
<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;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
langkah terakhir PENCET simpan.. jadi dech, sekamat mencoba...