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">
Ket: pada beberapa template kodenya: footer atau footer-section.
3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode: </div>
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.Semoga barhasil...
( Sumber : http://wawanwae.blogspot.com )
syukran infonya...nambah semangat untuk ngeblog
BalasHapusHoreee.. sy udah pasang..!! silahkan di cek di http://www.about-computer.co.cc
BalasHapuslama ngak nongol kyknya Sibuk ya???
BalasHapusNice Tutorial, sy udah coba juga di blog sy..
emang bisa nambah kolom dan hemat tempat
makasih seblumnya. aq pemula banget masalah blog. aq penasaran ne gmn buat slideshow foto sendiri. yang langsung bisa dtyangkan. aq coba lewat slide.com kok gak bisa langsung tampil gitu. tolong bantu ya!? makasih buanyak.........
BalasHapuswah kalau cuman satu kolom gimana ya sob aku tunggu jawabanya thank's
BalasHapusoke infonya deh
BalasHapusmas saya sudah menaruh banner anda di tempat saya sekarang giliran anda menaruh banner saya, terima kasih.. salam blogger
BalasHapusduh susah kang..
BalasHapusgimana sih caranya!??
????
Coba ah, :D thanks
BalasHapusthanks inpo nya,yah gan... ;)
BalasHapustanks wat info yg mnrik Ni....
BalasHapusmakasih infonya mas
BalasHapusThank's gan atas info nya,,
BalasHapusTugas PTIK jd Lebih mudah euyy,,
Makasi Byk Gan....
sipp thakzz tas infonya
BalasHapusmantabb
as.bang kl bikin template kyak punya mas giman?kasih tau dong bang biar aku punya karya sendiri,aku blm faham masalah html
BalasHapusSaya coba belajar modifikasi kolom footer dibagi 3 kok tidak bisa yach, kode ini juga tidak ada tetapi kira2 ketemu yang seperti ini saat dicoba gagal selalu, pada bagian mana saya bisa menambahkan kodenya.
BalasHapusTerima kasih.
<hr align="center" <---punya saya errornya di daerah ini mas gimana ya solusinya
BalasHapuscara memasang mp3 di blog
BalasHapusmantap gah infonya
BalasHapusgood tutorial .. thanks
BalasHapusbagu................s
BalasHapusthank tutorialnya..kok gak mau ya gan..muncul pesan ini..
BalasHapusXML error message: The element type "hr" must be terminated by the matching end-tag ""... mumet ui..
salam kenal....saya aisyah 8 thn
BalasHapusthanks berkat forantum, sekarang saya sudah punya blog www.kreasi-aisyah.blogspot.com