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.
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.
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
apakah bisa untuk memperbanyak menu??
boleh ni gan saya coba dlu, klo gk bsa boleh nanya lgi ya hehehehe
maf gan, agak menyimpang agar foto di postnya bsa sejajar kesamping bagaimana ya?? mohon pencerahannya??
ini informasi yg lagi dicari, izin share dulu ya min tq :)