Cara Menambah Gaget di bawah Header 2


Bagi anda yang suka mengotak-atik blognya supaya tampil menawan. Anda bisa kolom baru di bawah header, dan sebelumnya sudah saya posting untuk cara yg pertama, sekarang adalah cara yg ke 2:

Mudah...
  1. Anda login dulu di blogger dengan user ID anda.
  2. Kemudian anda kilk Tata Letak
  3. Klik Elemen Halaman
  4. Klik Edit HTML
  5. Jangan lupa download template anda, berjaga-jaga kalau terjadi kesalahan anda bisa kembali ke template awal anda dengan klik Download Template Lengkap
  6. Cari kode ]]></b:skin>(Untuk mempermudah pencarian pakai Ctrl+F)
  7. Kemudian copy kode berikut :

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

    Paste di atas kode ]]></b:skin>
  8. 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>
  9. Kemudian copy kode di bawah ini :

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

    Paste di bawah kode tadi
  10. 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>
  11. Sudah...
    Kalau sudah sekarang klik Simpan Template
  12. Sekarang tinggal klik Elemen Halaman untuk melihat hasilnya, dan hasilnya akan seperti ini :

    menambah kolom baru di bawah header
  13. Sukses ya.....
  14. Jangan lupa kasih komentar, kalau ada kekurangan...
By: www.modaltekun.com

0 comments:

Post a Comment