Home » Widget » Cara Menambah Footer 3 Kolom di Blogger

Cara Menambah Footer 3 Kolom di Blogger

Posted by Unknown on Sabtu, 22 Oktober 2011

Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template baru memiliki footer (letaknya di bawah, karena foot itu artinya kaki..hehehe) tiga kolom, seperti blog ini. Nah, bagaimana cara menambah footer 3 kolom di Blogger atau Blogspot? Bagi anda yang malas ganti template atau sudah sreg dengan template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin berguna.
Oke, langsung saja ke tutorialnya :


1. Masuk Layout, Edit HTML, beri centang (jangan lupa back up dulu buat jaga-jaga).


2. Cari kode: <div id="footer-wrapper">


4. Tambahkan kode berikut ini di bawahnya:


_______________________________________________________________
<div id="footer">
<div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;">
<b:section class="footer-column" id="col1" preferred="yes" style="float: left;">
</b:section></div>
<div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;">
<b:section class="footer-column" id="col2" preferred="yes" style="float: left;">
</b:section></div>
<div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;">
<b:section class="footer-column" id="col3" preferred="yes" style="float: right;">
</b:section></div>
<div style="clear: both;">
<p>
</p><hr align="center" color="#5d5d54" width="90%"><p></p>
<div id="footer-bottom" style="padding: 10px; text-align: center;">
<b:section class="footer" id="col-bottom" preferred="yes">
</b:section>
</div>
<div style="clear: both;">
</div>

_______________________________________________________________


5. Simpan, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).



_______________________________________________________________
Apabila muncul galat, wakakaka....tenang. Kembalikan template dengan back up template yang telah kita buat dan ulangi semua tahap. tapi coba dengan jangan centang expand widget template.
_______________________________________________________________


( Sumber :http://forantum.blogspot.com)

Penulis : Unknown ~ Share All Tutorial, Tips, Tricks About Blog and SEO

Artikel Cara Menambah Footer 3 Kolom di Blogger Ini Diposting Oleh Unknown. Terimakasih Atas Kunjungan Anda Serta Kesediaan Anda Membaca Artikel Ini. Kritik Dan Saran Dapat Anda Sampaikan Melalui Kotak Komentar. Kebijakan Dan Privasi

:: Dodol Blog ::

Label: , ,

{ 3 comments... Read Them Below or add one }

Koreanoke mengatakan...

nice share gan..
kasi pic nya dong gan.
ini 3 kolom nambah kebawah, apa 3 kolom ke samping??

13 Februari 2012 pukul 10.20
Ewing mengatakan...

mantep gan..nnti saya cobain deh

mampir ya gan ke tempat saya

http://aangewing.blogspot.com/

28 Maret 2012 pukul 16.46
Joko Tri Rubiyanto mengatakan...

Thanks......bisa tukar link?

13 Mei 2012 pukul 07.34


Posting Komentar

Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar

Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..