Selasa, 13 November 2012

Cara Membuat 2 Kolom di Atas Footer


Cara Membuat 2 Kolom di Atas Footer - Pada posting kali ini saya akan share tentang membuat footer blog menjadi dua kolom maksudnya pada footer dapat ditambah 2 elemen gadget, dan caranya sebagai berikut :



  1. Login ke Blogger.
  2. Klik Layout -> Edit HTML
  3. Backup template anda dengan klik pada Download Full Template agar anda bisa mengembalikan template anda ke kondisi semula jika hasilnya tidak memuaskan.
  4. Kalau sudah, cari kode ]]></b:skin>
  5. Tambahkan kode di bawah ini :
#footer-column-divide {clear:both;}.footer-column {padding: 10px;}
di atas kode ]]></b:skin>
  1. Kalau sudah cari kode dibawah ini :
<div id='footer-wrapper'><b:section class='footer' id='footer'/></div>
  1. Hapus kode <b:section class='footer' id='footer'/> lalu ganti dengan kode dibawah ini :
<div id='footer-column-divide'>
<div id='footer1' style='width: 50%; 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: 50%; float: left;margin:0; text-align: left;'><b:section class='footer-column' id='col2'preferred='yes' style='float:left;'/></div>
<div style='clear:both;'/></div>
  1. Save Template.

Semoga Berhasil !!!

Cara Membuat 2 Kolom di Atas Footer Rating: 4.5 Diposkan Oleh: Panji Ramadhan Sakti

3 komentar:

  1. singgah sejenak kemari kawan, sambil menyapa admin blog ini. ^_^

    BalasHapus
  2. Kunjungan Siang Kawan,saya mau Bilang Kalau Blog Ini Keren :D

    BalasHapus
  3. terima kasih kk infonya
    jgn lupa berkunjung balik ya http://gieachmad.blogspot.com/

    BalasHapus