Jumat, 04 Februari 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

Tidak ada komentar:

Posting Komentar