Cara Membuat Widget Dalam Header

tadi ada yang minta tolong sama saya cara membuat widget dalam header. nih saya share..NB :KLIK KANA UNTUK COPY Jangan lupa BackUp dulu// Masuk Blogger Pergi Ke Edit HTML Cari kode ]]></b:skin> Taruh kode dibawah ini diatas kode ]]></b:skin> Untuk Widget Yang Kecil : #ZBhwidgetr{ float: right; border:2px outset #0044FF; width:88px; height:relative; margin-top:20px; -moz-box-shadow: 0px 0px 4px […]

tadi ada yang minta tolong sama saya cara membuat widget dalam header. nih saya share..
NB :KLIK KANA UNTUK COPY

Jangan lupa BackUp dulu//

  • Masuk Blogger
  • Pergi Ke Edit HTML
  • Cari kode ]]></b:skin>
  • Taruh kode dibawah ini diatas kode ]]></b:skin>

Untuk Widget Yang Kecil :

#ZBhwidgetr{

float: right;

border:2px outset #0044FF;

width:88px;

height:relative;

margin-top:20px;

-moz-box-shadow: 0px 0px 4px #000000;

-webkit-box-shadow: 0px 0px 4px #000000;

box-shadow: 0px 0px 2px #000000;

border-radius: 3px;

}

Untuk Widget Yang Besar :

#ZBhwidgetc{

float: left;

border:2px outset #0044FF;

width:468px;

height:relative;

margin-top:20px;

-moz-box-shadow: 0px 0px 4px #000000;

-webkit-box-shadow: 0px 0px 4px #000000;

box-shadow: 0px 0px 3px #000000;

border-radius: 3px;

}

  • Lalu cari kode ini <div id=’header-wrapper’>  atau sejenisnya. bila tidak ketemu cari yg hampir sama dengan kode itu. seperti <div id=’kepala’> atau <div id=’header’> pokoknya banyak.
  • Kalau sudah ketemu masukan code ini dibawah kode yg tadi….

<b:section id=’ZBhwidgetl’ maxwidgets=’5′ showaddelement=’no’/></b:section>  

<b:section id=’ZBhwidgetc’ maxwidgets=’5′ showaddelement=’yes’> </b:section>

  • Simpan Template///  Jangan lupa backup dulu templatenya 

Leave a Reply

Your email address will not be published. Required fields are marked *