Halo Sobat ! | Members area : Register | Sign in

Minggu, 04 September 2011

Cara menambah Kolom Baru di Bawah Header

Buat Kamu yang suka mengotak-atik blognya supaya tampil menawan. kamu bisa kolom baru di bawah header, caranya ?

Mudah...

  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

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates