Diberdayakan oleh Blogger.
RSS

Cara menambah Kolom Baru di Bawah Header


Bagi Kamu yang suka ngutak-ngatik blogny supaya tampil menawan, kamu bisa tambah kolom baru di bawah header. Carany gini nih,,,,,,,,,,,,

  1. Kamu login dulu di blogger dengan user ID anda.
  2. Kemudian Kamu kilk Tata Letak
  3. Klik Elemen Halaman
  4. Klik Edit HTML
  5. Jangan lupa download template Kamu, berjaga-jaga kalau terjadi kesalahan Kamu bisa kembali ke template awal Kamu 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

Nah, mudah kan. Semoga postingan ini bermanfaat buat kamu semua, trimakasih.  Salam Blogger..........hehehehe

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar