5 Feb 2011

Edit Footer Menjadi Tiga Kolom


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:
  1. Login ke Blogger.com
  2. Pilih Rancangan
  3. Pilih Edit HTML
  4. Download Template Lengkap, untuk menghindri jika terjadi kesalahan pada edit.
    Centang kotak Expand Widget Template
  5. Cari kode ]]></b:skin>, gunakan tombol pencarian untuk mempermudah pencarian kode.
  6. Copas kode berikut di atas kode ]]></b:skin>
    #footer-column-divide {
    clear:both;
    }
    .footer-column {
    padding:10px;
    }
  7. Selanjutnya cari kode berikut:
    <div id='footer-wrapper'> <b:section class='footer' id='footer'> </div>
  8. Hapus kode <b:section class='footer' id='footer'>
  9. 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>
  10. Selanjutnya klik tombol Simpan Template
Jika berhasil, maka footer blog akan terbagi menjadi tiga kolom.
Selamat mencoba dan semoga artikel ini bisa bermamfaat...

Dari berbagai sumber
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

0 komentar:

Posting Komentar