Membuat Footer 3 kolom

Di sebelah kiri anda adalah gambar footer 3 kolom (yang di lingkari merah). Pada umumnya Footer hanya 1 kolom saja. Saya akan mengajarkan bagaimana cara membuatnya menjadi 3 kolom, langsung saja Step By Step :

1. Login ke blogger
2. Tata Letak > Edit HTML > centang Expand Widget Template
3.  Cari kode yang bercetak tebal seperti dibawah ini, tekan CTRL+F untuk mempercepat pencarian:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
4. Ganti kode yang bercetak tebal pada baris kedua diatas dengan kode di bawah 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 style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

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

5. Save Templates

10 komentar:

NadaRania, 1 August 2010 at 06:04 | [Reply]

gal, gambarnya kurang jelas haha

Dimas Abi Galoga, 1 August 2010 at 06:07 | [Reply]

@NadaRania di klik gambarnya

NadaRania, 1 August 2010 at 06:10 | [Reply]

@Dmas Abi Galoga ohiya, haha maap katro

Techno, 1 August 2010 at 20:03 | [Reply]

Kunjungan Balik Gan. www.tajuddin.co.cc
Mantep Nih Triknya, Kapan2 Tak coba deh di blogku.

fikirjernih, 2 August 2010 at 18:40 | [Reply]

ehhm, wah sib bro, emang aku butuh ini buat blog ku yang lain

Dimas Abi Galoga, 3 August 2010 at 03:26 | [Reply]

makasih semuanya buat comment positifnya

ayu, 5 August 2010 at 11:16 | [Reply]

klo bwt widget baru dbawah klom postingan gmn yah??

Dimas Abi Galoga, 6 August 2010 at 01:06 | [Reply]

@ayu oke nanti saya posting

Dimas Abi Galoga, 6 August 2010 at 05:50 | [Reply]

@ayu http://abi-galoga.blogspot.com/2010/02/cara-menambah-gadget-di-atas-bawah.html

Swandy Bink, 26 October 2010 at 03:37 | [Reply]

kok g bisa????

Post a comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home