• Versi Mobile
  • About
  • Contact
  • Sitemap
  • Free SMS
  • Download Lagu X Factor

Pendiari | Artikel Islam, Blog Dan Motivasi

Pendiari Blog Sederhana Berisi | Kumpulan Tutorial Blog | Artikel Islam, Muslimah, Cinta, Jodoh | Artikel Motivasi

  • Home
  • Islam
    • Artikel Islam
    • SMS Ramadhan
    • SMS Idul Fitri
  • TV Online
  • Radio Online
    • Radio Ceria
    • Radio Sunnah
    • Radio Muslim
  • Blog Tools
    • Website Speed Test
    • Ping Service
    • Phrase Kode HTML
  • Muslimah
  • Tutorial Blog
    • Java Script
    • Template
    • Widget
Home » Template » Membuat Footer 3 Kolom

Membuat Footer 3 Kolom

Membuat Footer 3 Kolom
Udah tahu belum yang namanya Footer ?? itu tuh yang di bawah blog saya seperti My Banner, FB, Followers... terkadang Template Blog ada yang sudah mempunyai footer dan ada juga yang tidak, seperti template blog saya ini juga awalnya tidak ada, tapi saya buat agar template blog ini footernya menjadi 3 kolom. dengan Membuat 3 Kolom Di  Footer kita mempunyai banyak pilihan untuk menaruh widget jadi tidak selalu di sidebar blog.

begini cara Membuat Footer 3 Kolom :

1. Login Blogger
2. Pilih Rancangan
3. Pilih Edit HTML ( backup template blog anda terlebih dahulu barangkali terjadi kesalahan )
4. Cari Kode ]]></b:skin>
5. Copy kode di bawab ini di atas kode ]]></b:skin>



#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}



6. Cari kode <b:section class='footer' id='footer'>  lalu ganti dengan kode dibawah 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>

7. Save Template
8. Pilih Rancangan dan lihat hasilnya...
Written by: Pendi Ari Wibowo
Pendiari | Artikel Islam, Blog Dan Motivasi Updated at: 8/02/2011
Posted by Pendi AW on Selasa, 02 Agustus 2011 - Rating: 5
Title : Membuat Footer 3 Kolom
Description : Udah tahu belum yang namanya Footer ?? itu tuh yang di bawah blog saya seperti My Banner , FB , Followers... terkadang Template Blo g ada ...

Bagikan Ke

Facebook Google+ Twitter

18 Responses to "Membuat Footer 3 Kolom"

  1. Agus Mulyadi2 Agustus 2011 pukul 23.32

    Wah, Tutorial yang cukup menarik, bahasanya mudah dan siap dipraktekan

    BalasHapus
    Balasan
      Balas
  2. Chelonia3 Agustus 2011 pukul 03.25

    Kemarin sy membuat footer menjadi 4 kolom, ngubahnya ke 3 atau 2 kolom gimana ya Gan?
    Mohon pencerahannya..

    BalasHapus
    Balasan
      Balas
  3. Unknown3 Agustus 2011 pukul 04.17

    coba gan tutorialnya sipcoba gan tutorialnya sip

    BalasHapus
    Balasan
      Balas
  4. Unknown3 Agustus 2011 pukul 04.29

    Kebetulan sekali saya ingin menambahkan footer di template saya thanks

    BalasHapus
    Balasan
      Balas
  5. Pendi AW3 Agustus 2011 pukul 11.27

    Celonia >> tinggal di kurangi jumlah kolomnya pada bagian Kode CSS Footernya.. atau Kode Footernya...

    BalasHapus
    Balasan
      Balas
  6. AnekaSurvey.com10 Agustus 2011 pukul 10.13

    mantab gan...artikel mudah dicerna, bahasanya lugas, dan yang pasti isi sangat bermanfaat...wasallam..

    BalasHapus
    Balasan
      Balas
  7. Bithdaddy13 Agustus 2011 pukul 22.18

    Blog saya di Blogspot juga menggunakan footer modif 3 kolom. Ini bermanfaat nambah space buat widget.
    Terimakasih telah berkunjung ke Blogger 2012. Salam kenal!

    BalasHapus
    Balasan
      Balas
  8. Tuyulz14 Agustus 2011 pukul 19.15

    mantaf gan..thanks tutor nya.....:33

    BalasHapus
    Balasan
      Balas
  9. Sundulers19 Agustus 2011 pukul 04.22

    Terimakasih tip nya gan, sukses di blog saya,hehe :33

    BalasHapus
    Balasan
      Balas
  10. Anonim2 September 2011 pukul 14.49

    mantap gan ,,, sukses di blog ane gan :10

    www.3akses.tk

    BalasHapus
    Balasan
      Balas
  11. Anonim29 November 2011 pukul 18.15

    terima kasih gan, saya akan mencoba menerapkan di blog saya, semoga saya berhasil gan. http://www.caramembuatyangakumau.blogspot.com

    BalasHapus
    Balasan
      Balas
  12. Septiaji Agung Santosa26 Januari 2012 pukul 14.50

    :64 keren banget nih sob, ane dah coba bisa makasih banyak yo
    http://pengetahuanpintars.blogspot.com/

    BalasHapus
    Balasan
      Balas
  13. Gaemgyu Holic27 Januari 2012 pukul 23.11

    TRims,,, akhirnya saya berhasil bikin footer jadi 4 kolom..^^

    BalasHapus
    Balasan
      Balas
  14. Adi11 Maret 2012 pukul 11.29

    Makasih gan infonya. membantu sangat blogku. kunjungi ya gan. :O)

    BalasHapus
    Balasan
      Balas
  15. pak mantri online18 April 2012 pukul 11.31

    tips yang oke banget nich, simple n mudah diaplikasikan, thanks

    BalasHapus
    Balasan
      Balas
  16. fajar20 Mei 2012 pukul 12.52

    keren.brhasil gan.thanks yaaaa tutornya :D

    BalasHapus
    Balasan
      Balas
  17. Darmawan Saputra24 Juni 2012 pukul 13.13

    wah.. artikel yang bermanfaat :D
    Disini templatenya bagus & Artikelnya juga Berkualitas :D
    kalau diberi umur panjang aku akan datang lagi kesini :)



    #Semoga Rezekinya Lancar :D

    BalasHapus
    Balasan
      Balas
  18. Limit Post20 Juli 2012 pukul 10.19

    ijin coba ya mas :D

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)

Kata Teman

Copyright © 2014 Pendiari | Artikel Islam, Blog Dan Motivasi - All Rights Reserved
Pendi Ari Wibowo - Powered by Blogger