Wednesday, December 2, 2009

Menambah Kolom Baru di Bawah Header

Bagi anda yang suka mengotak-atik blognya supaya tampil menawan. Anda bisa kolom baru di bawah header, caranya ?

Mudah...

  1. Anda login dulu di blogger dengan user ID anda.

  2. Kemudian anda kilk Template

  3. Jangan lupa download template anda, berjaga-jaga kalau terjadi kesalahan anda bisa kembali ke template awal anda dengan klik Cadangkan / Pulihkan kemudian klik Unduh template lengkap

  4. Kemudian klik Edit HTML

  5. Cari kode ]]></b:skin>(Untuk mempermudah pencarian pakai Ctrl+F)

  6. Kemudian copy kode berikut :

    #under_header{
    margin:10px 0;
    padding:1%;
    width:98%;
    }

    Paste di atas kode ]]></b:skin>

  7. Kemudian cari kode yang mirip dengan kode berikut :

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidget="1" showaddelement="no">
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>

  8. Kemudian copy kode di bawah ini :

    <div id="under_header">
    <b:section class='header' id='underheader' preferred='yes'/>
    </div>

    Paste di bawah kode tadi

  9. Jadinya kode tersebut seperti ini :

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidget="1" showaddelement="no">
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>
    <div id="under_header">
    <b:section class='header' id='underheader' preferred='yes'/>
    </div>

  10. Sudah...
    Kalau sudah sekarang klik Simpan Template

  11. Sekarang tinggal klik Elemen Halaman untuk melihat hasilnya, dan hasilnya akan seperti ini :


  12. Sukses ya.....

  13. Jangan lupa kasih komentar, kalau ada kekurangan...