nuh

Aril Impian

Cara Buat Kolom Footer

Club Pujangga | 20:55 |
Terdapat berbagai jenis kolom footer untuk anda buat,anda boleh lihat tutorial lain yang telah dikongsikan oleh blogger lain,kolom footer kedudukan berada di setiap paling bawah blog anda,kali ni saya tunjukkan bagaimana untuk membuat kolom footer dengan dua kolom,anda juga boleh meletakkan lebih dari 2 kolom mengikut keperluan anda sekiranya berguna mengikut cita rasa anda.

Footer

Ok cara membuatnya anda perhatikan betul2 langkah-langkah yang perlu kita mulakan dahulu..

1. Login ke blogger
2. Pilih blog > Template > Edit HTML > Centang Expand Template ( Sebelum Pengeditan ini disarankan         untuk mem backup template di Cadangan / Pemulihan)
3. Jika sudah, Cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempermudah pencarian).
4. Kemudian tambahkan semua kode berikut diatas atau sebelum kode ]]></b:skin>

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

5. Seterusnya, Cari salah satu kode berikut di bawah ini. (Gunakan CTRL + F untuk mempercepat pencarian). Cari salah satu kode saja.


<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>


6. Kalau dah jumpe kodenya, tambahkan kode dibawah atau sesudah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />


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

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

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

7. Klik Preview dahulu kalau tidak ada yang error silahkan save dan lihat hasilnya.