Ads (728x90)

Latest Post

Kesehatan

Tips

Menambahkan 3 Kolom Untuk Footer - Terkadang template hasil download tidak dilengkapi dengan kolom untuk menambahkan widget di bagian footer nya. walaupun sekarang blogger sudah menyediakan edit template secara otomatis, Sementara itu, tidak sedikit para blogger lebih menginginkan mencari template sendiri dikarenakan blogger hanya menyediakan template standar dan masih harus di edit. 

Yang harus dilakukan untuk menambahkan 3 kolom di bagian footer adalah menambahkan sedikit kode pada template. Alangkah lebih baik coba anda Backup agar template anda aman jika terjadi kesalahan.

Langkah Langkah untuk menambahkan 3 Kolom pada Footer adalah :
  • Silahkan Masuk Ke template Editor nya Masing-masing, yaitu Rancangan >> Edit HTML . jangan masuk ke template editor orang lain.

  • Download Template Lengkap Dulu, untuk mengantisipasi kesalahan dalam memasukan code.

  • Pastikan Expand Widget Template sudah tercentang.

  • Cari code ]]></b:skin>, untuk memasukan kode CSS nya

  • Jika sudah ketemu, Pastekan CSS berikut tepat sebelum ]]></b:skin> :

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

  • Kemudian, Cari Lagi kode :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

  • hapus code yang berwarna biru dan ganti dengan kode berikut ini :

<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' style='float:left;'/>
</div>

<div id='footer2' style='width: 30%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
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='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

  • Terakhir SaveTemplate
  • Untuk melihat perubahan, silahkan klik pada bagian Tata Letak dan lihat pada bagian footer, sekarang sudah menjadi 3 kolom.
Sumber: http://dadiheryana.blogspot.com/

Post a Comment