Cara Membuat Footer Multi Kolom

05 Nov 2008 -

Ok, bagi anda yang ingin memperbanyak ruang kolom pada bagian footer template anda. Langsung aja kita mulai:

1. Login ke Blogger. Klik Layout -> Edit HTML
2. Backup template anda dengan klik pada Download Full Template agar anda bisa mengembalikan template anda ke kondisi semula jika hasilnya tidak memuaskan.
3. Kalau sudah, cari kode ]]>

4. Tambahkan kode dibawah ini diatas kode ]]>

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

5. Jika sudah cari kode dibawah ini.

6. Hapus kode lalu ganti dengan kode dibawah ini.

Jika ingin membuat footer 2 kolom. Gunakan kode dibawah ini:

preferred='yes' style='float:left;'/>

preferred='yes' style='float:left;'/>

Membuat footer 3 kolom. Gunakan kode dibawah ini:

preferred='yes' style='float:left;'/>

preferred='yes' style='float:left;'/>

preferred='yes' style='float:right;'/>

Membuat footer menjadi 4 kolom. Gunakan kode dibawah ini:

preferred='yes' style='float:left;'/>

preferred='yes' style='float:left;'/>

preferred='yes' style='float:right;'/>

preferred='yes' style='float:right;'/>

7. Kalau sudah klik Save Template. Lalu klik Page Element. Jika berhasil maka hasilnya akan menjadi seperti ini.

Footer 2 kolom

Footer 3 kolom

Footer 4 kolom

Sebagai tambahan jika anda ingin mempertahankan footer aslinya. maka tambahkan kode dibawah ini diatas kode

Selamat mencoba..

Silahkan berkomentar :D

Link Exchange

mari bertukar link, kalau anda sudah memasang banner saya (kode diatas), silahkan comment diblog saya ini atau isi buku tamu. dan katakan anda telah memasan banner saya ditempat anda . saya akan cek, apabila sudah terpasang , saya akan memasang link anda di tempat saya 1x24 jam !!!

Web - Blognya Si Arie

Attention !

Cara Membuat Footer Multi Kolom

Leave a Reply

Silahkan Berlangganan !

Tweet Me

Link Exchange