Maksud footer yang berbagai jenis untuk korang faham dalam teknik letak kolom footer blogspot berkesan, korang 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, korang juga boleh meletakkan lebih dari 2 kolom, 3 kolom dan 4 kolom mengikut keperluan korang sekiranya berguna mengikut cita rasa anda.


Penambahan kolom footer adalah untuk untuk menampilkan lagi paparan blog korang lebih menarik dengan meletakkan beberape widget, untuk mengedit script HTML korang pastikan korang backup terlebih dahulu template blog korang sebagai langkah berjaga-jaga. Dibawah ini perkongsian blog tutorial dari saya untuk korang semua. Jom kita buat..

Buat kolom Footer
Cara membuat kolom footer

Teknik memasang kolom kolom footer


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

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. Ok next kemudian korang tambahkan semua kode berikut diatas atau sebelum kod seperti dibawah

]]></b:skin>


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


5. Langkah Seterusnya, korang cari salah satu kode berikut seperti bawah ini. (Korang gunakan CTRL + F untuk mempercepatkan dan memudahkan kerja pencarian). Cari salah satu kod sahaja.

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

6.Ok Kalau korang dah jumpe kode tersebut, korang tambahkan kode dibawah ni 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: 55%; 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: 55%; 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>

Cara memghilangkam kolom footer


Korang perlu ubah perkataan 'yes' kepada 'no' seperti dibawah

<b:section class='footer' id='footer' showaddelement='no'/> 


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


7. Sebelum save korang klik preview dahulu kalau rasa paparan dah berhasil dan tiada berlaku error pada script HTML template ok silakan untuk korang save dan lihat hasilnya.

Selamat mencuba cara mudah buat kolom footer untuk blogspot dan wordpress, semoga dapat menyelesaikan masalah korang yang selama ini mencari alternatif pembuatan yang sering gagal..semoga bermanfaat..selamat berblogging thans all

Kongsikan pada rakan serta sahabat yang masih baru untuk membuat blog, semoga dapat membantu dengan blog tutorial ini.


Semoga tutorial cara membuat kolom footer dapat membantu dalam pembinaan blog korang jangan lupa like dan share pada rakan serta sahabat blogger yang lain..terima kasih 

Maklum Balas

Ada sebarang soalan berkaitan halaman atau cadangan, sebarang bentuk penulisan serta komen adalah dibawah tanggungjawab dan risiko anda sendiri tertakluk pada Akta 588 SKMM

Terbaru Lebih lama