Cara Membuat Kolom Header di Blog

Bagaimana caranya ? Ikuti langkah-langkah di bawah ini :
  1.     Login ke Blogger
  2.     Klik Rancangan -> Edit HTML
  3.     Jangan lupa di simpan dulu sebelum di edit

Langkah 1 :
 
Cari Kode /* Header dan tempatkan kode di bawah ini persis di bawah kode /* Header
    #header {
    float:left;
    width:40%;
    margin: 0px;
    text-align: center;
    color:#ffcc66;
    }
    #header2{float:left; width:60%;}


Langkah 2 :

Cari kode yang mirip dengan di bawah ini :
    <div class='region-inner header-inner'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
    </b:section>
    </div>


Kemudian ganti dengan kode di bawah ini :
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
    </b:section>
    <b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
    <div style='clear:both;'/>
    </div><!-- end header-wrapper -->

SIMPAN template  dan SELESAI.

Begitulah sobat, silahkan di coba jika masih menggunakan template yang mana header-nya cuman ada 1 kolom. Fungsi 2 kolom widget di header ini adalah untuk penempatan space iklan atau lainnya.

0 komentar:

Posting Komentar