Sunday, 18 December 2011

Cara menambahkan 3 kolom di footer


Dengan adanya tambahan 3 kolom di footer.. kita bisa lebih leluasa mengatur widget kita agar tidak terlalu semak dan tentunya tertata rapi...

ok lets check it out....

  1. Login ke blogger sobat > Rancangan > edit html > centang expand widget
  2. Sebelumnya backup dulu template sobat..buat jaga-jaga..hihihi
  3. cari kode ]]></b:skin>
  4. selanjutnya copy kode dibawah ini kemudian pastekan tepat diatas kode
    ]]></b:skin>
  5. #footer-column-divide { clear:both; } .footer-column { padding: 10px; }
  6. setelah selesai..kemudian carilah kode berikut
  7. <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>
  8. setelah ketemu..kemudian ganti kode yang berwarna merah diatas dengan kode dibawah ini
  9. <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: 40%; 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>
  10. Save template dan lihat hasilnya di menu rancangan elemen

Silahkan berkomentar dengan bijak. Setelah anda mampir dan berkomentar, saya akan berkunjung balik. Dan jangan meninggalkan link hidup ya, Terimakasih :)
EmoticonEmoticon