Monday, February 02, 2009

Membuat Kolom dibawah header

Untuk membuat kolom baru kita hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Belum tahu caranya? silahkan ikuti langkah berikut :

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.

  3. Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :


    elemenheader

  4. Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header. Siap? yuk mulai.
  5. Klik tab Edit HTML.
  6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).

  7. Copy kode berikut, lalu paste di atas kode ]]></b:skin>

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

  8. Cari kode yang mirip dengan kode di bawah 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>

  9. Copy kode berikut lalu paste persis di bawah kode tadi :

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




  10. Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.

  11. Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.

    kolom-header

  12. nah! sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang  anda inginkan
  13. Selesai.

0 comments:

Poskan Komentar

 
Labels

Blogumulus by Roy Tanck and Amanda Fazani

Followers

Reccent Comments

© Free News Template Copyright by BLOGGOA | Template by Fanchon0706 | Blog Trick at BLOGGOA