Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Tuesday, 28 January 2014

Cara Menambahkan Kolom Widget Footer Di Blog

Cara Menambahkan Kolom Widget Footer Di Blog - Blogger Update. Assalamualaikum wr.wb. Tips pagi ini yang ingin saya bagikan adalah 'Menambahkan Kolom Widget Footer Di Blog', Footer terletak di bawah, di bawah postingan yang bergunanya untuk meletakan widget histats maupun memasang widget alexa dan bisa juga di gunakan untuk meletakan widget yang lainnya.

Langkah-Langkah Menambahkan Kolom Widget Footer Di Blog
:

1. Buka Blog Anda >> Edit Tempalate.
2. Copy kode dibawah ini dan letakan tepat di atas ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
3. Selanjutnya cari kode <div id='footer-wrapper'> atau kode <div class='footer-outer'>
4. Pilih salah satu kode dibawah lalu letakan kode berikut di bawah kode <div id='footer-wrapper'> atau kode <div class='footer-outer'>
Footer 2 Kolom :
<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div> 
Footer 3 Kolom :
<div id='footer-column-divide'>
<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 33%; 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>
Footer 4 Kolom
<div id='footer-column-divide'>
 <div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
5. Simpan Template


Jika ada pertanyaan langsung saja komentar dibawah ini. Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Menambahkan Kolom Widget Footer Di Blog.

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya
DMCA.com

Cara Menambahkan Kolom Widget Footer Di Blog Rating: 4.5 Diposkan Oleh: Mochammad Fikri

16 komentar:

  1. kayaknya harus di coba nih sob :D

    ReplyDelete
  2. simpan dulu, siapa tahu besok berguna. makasih lho mas

    ReplyDelete
  3. Wah Mantap GAn Ane coba dulu gan

    ReplyDelete
  4. mantap gan, izin dipraktekin :D

    ReplyDelete
  5. tambah 1 ilmu algi kang buat saya :D

    ReplyDelete
  6. Keren gan,,,tapi sayang ga cocok sama template ane xD

    ReplyDelete
    Replies
    1. Iyah ada beberapa template yang engga cocok dengan tutorial ini, tapi template yang saya coba berhasil.

      Delete
  7. Luar biasa tutorialnya
    Mesti di coba nih sob :)

    ReplyDelete
  8. pusing nih gan kebanyakan script

    ReplyDelete
  9. Thanks...http://limasagung.blogspot.com/

    ReplyDelete
  10. mantap dah artikelnya
    http://acemaxs31.com/obat-herbal-hernia-ampuh/

    ReplyDelete
  11. mantap dah artikelnya
    http://acemaxs31.com

    ReplyDelete
  12. bang,footer saya ada 3 .saya ingin nambah 1 lagi gimana caranya ya?terimaksih
    bisa lihat di www.toyawater.com

    ReplyDelete

 
notifikasi
close