-->

Edit Footer Menjadi Tiga Kolom

Ravictory™Jika kita lihat template default blogger, hanya memiliki footer satu kolom saja. Kalau kita ingin buat menjadi tiga kolom untuk menambah space di blog, caranya adalah sebagai berikut:

  • Login ke blogger.com
  • Pilih Rancangan
  • Pili Edit HTML
  • Download Template Lengkap, untuk menghindri jika terjadi kesalahan pada edit.
  • Centang kotak Expand Widget Template
  • Cari kode ]]></b:skin>, gunakan tombol pencarian untuk mempermudah pencarian kode.
  • Copas kode berikut di atas kode]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding:10px;
}
  • Selanjutnya cari kode berikut:

<div id='footer-wrapper'> <b:section class='footer' id='footer'> </div>
  • Hapus kode <b:section class='footer' id='footer'>
  • Ganti kode tersebut dengan kode berikut:

<div id='footer-column-divide'>
<div id='footer1' style='width:30%;float:left;margin:0;text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes'>
</div><div id='footer2' style='width:40%;float:left;margin:0;text-align:left;'>
<b:section class='footer-column' id='col2' preferred='yes'>
</div>
<div id='footer3' style='width:30%;float:right;margin:0;text-align:left;'>
<b:section class='footer-column' id='col3' preferred='yes'>
</div>
<div style='clear:both;'>
</div>
</div>
  • Selanjutnya klik tombol Simpan Template
  • Jika berhasil, maka footer blog akan terbagi menjadi tiga kolom.
Selamat mencoba dan semoga artikel ini bisa bermamfaat... 

Related Posts

Post a Comment

Subscribe Our Newsletter