8:25 AM

Membuat Footer 3 Kolom

Setelah lama nggak posting, karena masih sekolah sibuk, banyak pekerjaan rumah dsb, nah sekarang saya mau kasih Tutorial Blog lagi yaitu cara Membuat Footer menjadi 3 Kolom .

Apakah kalian sudah tahu yang namanya Footer?? Itu loh,,, yang ada dibawah posting blog seperti Kategori Follower, dsb... terkadang ada template yang sudah memiliki footer dan ada juga yang tidak, seperti yang ada pada template saya. Awalnya template ini tidak ada namun saya buat footernya menjadi 3 kolom. Dengan membuat footer menjadi 3 kolom, itu memungkinkan kita untuk menaruh widget lebih banyak dan lebih efisien.

Berikut ini cara Membuat Footer3 Kolom :

1. Login Blogger
2. Pilih Rancangan
3. Pilih Edit HTML ( backup template blog anda terlebih dahulu barangkali terjadi kesalahan )
4. Cari Kode ]]></b:skin>
5. Copy kode di bawab ini di atas kode ]]></b:skin>



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



6. Cari kode <b:section class='footer' id='footer'>  lalu ganti dengan kode dibawah 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>

7. Save Template
8. Pilih Rancangan dan lihat hasilnya akan seperti ini:


Temukan kami di Twitter dengan sangat mudah hanya di sini
Comments :

Ada 4 komentar pada tutorial tentang Membuat Footer 3 Kolom

apakah bisa untuk memperbanyak menu??

adib mengatakan...
pada 

boleh ni gan saya coba dlu, klo gk bsa boleh nanya lgi ya hehehehe

reyhan mengatakan...
pada 

maf gan, agak menyimpang agar foto di postnya bsa sejajar kesamping bagaimana ya?? mohon pencerahannya??

Ardian99 mengatakan...
pada 

ini informasi yg lagi dicari, izin share dulu ya min tq :)

Dewa Poker Online mengatakan...
pada 

Posting Komentar

Tentang Kami

Langgan artikel Via Email

Langgan artikel Via Email

Copyrights © 2011 - Tutorial blog dan belajar SEO blogger