Menambah dan Membuat Cantik Footer

Cara Mudah Menambah dan Membuat Cantik Footer

Footer blog adalah bagian paling bawah pada halaman blog yang mempunyai baerbagai fungsi diantaranya adalah sebagai tempat untuk menambahkan gadget yang dianggap penting selain itu menambahkan footer juga dapat membuat blog semakin cantik dan rapi karena warna footer bisa di sesuaikan dengan warna header (bagian paling atas pada blog) maka dari itu sangat penting untuk seorang blogger anyar untuk tahu bagaimana cara menambahkan footer pada blog.

TUTORIAL BLOG DAN OPTIMASI SEO

Sebagian besar template blog memang sudah dilengkapi dengan footer akan tetapi masih banyak juga template blog yang bagus tapi belum dilengkapi dengan footer,maka dari itu untuk anda yang terlanjur cinta sama template yang sudah anda punya tapi belum dilengkapi dengan bagian footer,anda bisa membuat solusi sendiri dengan Cara Mudah Menambah dan Membuat Cantik Footer karena selain menambah footer anda juga bisa mengedit sendiri untuk menyesuaikan agar tampilan blog menjadi cantik.

Cara Menambahkan Footer pada Blog

1.Buka template blog dan cari kode ]]></b:skin>
2.Taruh kode css dibawah ini tepat di atas kode ]]></b:skin>

#footer-column-divide {
    clear:both;background: #3B5998;color:#ffcc66;
    }
    .footer-column {
    padding: 10px;
    }

3.Kemudian cari kode <div id='footer'> letaknya pada bagian bawah template blog bila tidak ada cari saja yang mirip atau semacamnya.

4.Setelah ketemu taruh kode dibawah ini tepat di atasnya (kode pada langkah ke-tiga).

<div id='footer-column-divide'>

    <div id='footer1' style='width: 33%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='kol1'
    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='kol2'
    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='kol3'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>

5.Save Template.

Ket:Untuk kode  #3B5998; dan  #ffcc66;  anda bisa menggantinya dengan kode yang lain untuk menyesuaikan warna footer pada halaman blog.


Related Post:

35 comments:

Anonymous said...
This comment has been removed by a blog administrator.
Kangroniblog said...

thanks for your visit

My Median said...

Makasih mass,,,
siap diaplikasikan atas tutornya..
http://mymedian.blogspot.com/

Malesmelas.blogspot.com said...

keren. sekali coba langsung sukses. horas bah!

Hanif said...

mantap bro langsung saya coba nih

TPA AISYIYAH PAKUALAMAN said...

mohon maaf kang Roni mau tanya. kok punya saya yang untuk mencari kode itu tidak bisa ya. walaupun kodenya dah tak masukkah. tp gak bisa

Kangroniblog said...

sobat tidak akan bisa mencari kode
<div id='footer'>
karena dalam template sobat memang tidak ada.
-----------------------------------------------------------
akan tetapi sobat harus mencari kode <footer> setelah ketemu scroll kebawah sampai sobat menemukan tag penutupnya,kodenya seperti ini </footer>
-----------------------------------------------------------
Jadi sobat harus menghapus semua kode yang berada di antara kode <footer> dan </footer> kemudian ganti dengan kode pada langkah nomor empat di atas.
setelah itu simpan dan anda siap menambahkan widget baru.SELESAI.
-----------------------------------------------------------

imam ciprut said...

Keren sob

www.kiostiket.com

cara mengencangkan payudara said...

nice info gan, webnya bagus sekali

mengatasi ejakulasi dini said...

kunjungan malam nich, gan.. nyambangin postingan agan yang bermanfaat banget ini. hhehe

wisa rahardi said...

tampilannya seperti blog ini ya kang?

Sepatu Running said...

kren banget kakng, blog saya jadi bagus..makasih ya

Sepatu said...

i like this posting. i wanto read nex time bro

Sukiatno Fistek said...

shob tunjukin dong gmn cara cari ]]>

Kangroniblog said...

setelah anda masuk pada kolom template lakukan beberapa hal spt dibwh ini
1. klik dibagian tengah kolom template
2. tekan Ctrl+F pada keybord.
setelh itu akan keluar kolom pencarian,sobat tinggl masukin tu kode yg dicari kemudian enter

Ayi Hidayat said...

Thank's Gan atas infonya...!!!

Sangat Bermanfaat Sekali....!!! :)
http://goo.gl/3tZfXY

Yazid Dun said...

Thanks , semoga bermanfaat.

Wenny Indriani said...

Maciswaaaa ;)

IQROZEN said...

Utk template responsive bisa gak gan ini?

Salam dari Pulau Dollar

cara menurunkan berat badan secara alami said...

teirma kasih banyak karena sudah berbagi berita yang sangat menarik. terima kasih banyak atas beritanya.

aquarium kalbar said...

makasih gan
kunjungi juga http://aquariumkalbar.blogspot.com/

ibnu said...

terima kasih buat infonya sangat menarik sekali sukses slalu

obat penumbuh rambut botak said...

coba saya praktek dulu di blog obat penumbuh rambut botak saya gan, makasih infonya

Oktora Service said...

tips menarik gan

rika kustia said...

- Alat Bantu Sex
- Alat Bantu Sex Pria
- Alat Bantu Sex Wanita

rika kustia said...

- Obat Pembesar Penis
- Obat Perangsang Wanita

pueraria mirifica said...

teirma kasih banyak karena sudah berbagi berita yang sangat menarik. zaman sekarang sudah jarang menemukan blog yang isinya penuh manfaat seperti ini, keren!!

makanan untuk diet said...

Terimakasih atas informasinya :) semoga sukses slalu .. Ditunggu informasi menarik selanjutnya :) senang berkunjung ke website anda, terimakasih.

Pangky Gustian said...

wah keren gan. apakah warna tulisan title blog juga bisa diganti.
http://gpangky.blogspot.com/

penyebab payudara kendur said...

bagus sekali informasi yg agan berikan ini. Jelsa sekali sangat menarik dan bermanfaat. thanks gan!! Thanks banget!! ijin share berbagi info :)

Toko Online Obat said...

terimakasih banyak sob, sangat membantu sekali tutorialnya...

Karlin Anisa said...

Terimakasih ya :)

Sepatu Nike Murah said...

Mantap gan langsung Aneh coba ya....
makasi gan telah berbagi ilmu

Sepatu Murah said...

bagus baget gan makasi

Yudha said...

Wah ane kira kumpulan widget yng cocok buat footer, tp gakpapa lah... mampir ke blog dofollow ane yah hostify.bogspot.com

Post a Comment