Tips Membuat 3 Kolom Footer Di Blogger

Kadang kala kita mendapatkan template tanpa footer dan kadang pula kita ingin manambah footer pada template tersebut, seperti yang dilakukan pada blog Bintari Kuningan ini. Untuk itu saya akan posting tentang Tips Membuat 3 Kolom Footer Di Blogger..  

Caranya simple kok , inilah Tips Membuat 3 Kolom Footer Di Blogger :

1. Login ke Blogger.com  – > Pilih Template
2. Sebaiknya lakukan dulu backup template dengan klik Backup / Restore atau Cadangkan / Pulihkan, lalu klik download full template.
3. Klik tanda x untuk kembali ke menu template
4. Kemudian pilih Edit HTML  --> Centang Expand Widget Templates
5. Cari kode ]]></b:skin>, lalu diatasnya simpan kode berikut ini :

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

6. Selanjutnya cari lagi kode : 

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

7. Coba ganti kode yang warna merah diatas dengan kode dibawah ini ( angka 30% dan 40 % adalah lebar dari wiidget tersebut, angka ini bisa diganti sesuai selera, patokannya dari ketiga widget tersebut kalau dijumlahkan harus 100 %.)

   <div id='footer-column-divide'>
   <div id='footer1' style='width: 30%; float:left;
   margin:0; text-align:left;'>
   <b:section class='footer-column' id='bintari1'
   preferred='yes' style='float:left;'/>
   </div>
   <div id='footer2' style='width: 40%; float: left;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='bintari2'
   preferred='yes' style='float:left;'/>
   </div>
   <div id='footer3' style='width: 30%; float: right;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='bintari3'
   preferred='yes' style='float:right;'/>
   </div>
   <div style='clear:both;'/>
   </div>

8. Menurut referensi yang saya baca walaupun ini belum saya coba, katanya kalau kode seperti pada nomor 6 diatas tidak ada, coba cari salah satu dari kode  <!-- end outer-wrapper –>  atau <div id='footer'>,
9. Diatas / sebelum salah satu kode pada no. 8 , coba letakkan Kode yang ada pada nomor 7 diatas
10. Lakukan preview dulu. Kalau sudah ok, tinggal Simpan template dan coba lihat hasilnya..

Sampai disini Tips Membuat 3 Kolom Footer Di Blogger. Yang telah saya lakukan pada blog ini. Yups.. Semoga bermanfaat.

---

1. Thanks telah mampir, yo kita saling vote dan comment..
2. Bila berkenan tolong bagikan dengan tombol share di atas.
3. Gratis langganan artikel blog ini, silahkan klik Disini, atau masukan email disidebar yg telah disediakan

---

Sobat sedang membaca artikel Tips Membuat 3 Kolom Footer Di Blogger. Bila berkenan silahkan share artikel ini dengan tombol share di atas. Bila mau COPAS untuk di blog sobat, dimohon meletakkan link aktif sebagai Sumbernya dengan copy kode di bawah ini.

<a href='https://bintarikuningan.blogspot.com/2012/12/tips-membuat-3-kolom-footer-di-blogger.html'target='_blank'>Bintari Kuningan</a>

Related Post: