adminSeptember 1, 2012Leave a Comment

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