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