1. Login ke blog milik sobat
2. Klik Rancangan
3. Klik Edit HTML
4. Kemudian cari kode css berikut ini:
/*Header
===================================
*/#header-wrapper{
width:900px;
margin:0 auto 0px;
background:$bgheader color url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#header-inner{
width:900px; background-position:center;
margin-$start Side:auto;
margin-$end Side:auto;
}
#header{
margin:0px;
text-align:left;
color:$page title color;
}
5. hapus kode di atas, lalu ganti dengan kode berikut ini :
/*Header
===================================
*/#header-wrapper{
width:900px;
margin:0 auto 0px;
background:$bg header color url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#head-inner{
width:600px;
background-position:left;
margin-left:auto;
margin-right:auto;
float:left;
}
#header{
margin:0px;
text-align:left;
color:#ffcc66;
}
#r_head{
width:300px;
float:left;
padding-top:10px;
}
6. kemudian kebawah lagi dan temukan kode css seperti ini:
<div id='header-wrapper'>
<b:section class='header id='header' maxwidgets='1' show add element='no'>
<b:widget id='Header1'> locked='true' title='TestBlog(Header)' type='Header1'/>
</b:section>
</div>
hapus kode diatas dan gasnti dengan kode di bawah ini:
<div id='header-wrapper'>
< div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' show add element='no'>
<b:widget id='Header1' locked='true' title='TestBlog(Header)' type='header'/>
<b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>
7. Klik Simpan
Selesailah kita membuatnya...
Home » Blog tutorial »
{ 0 komentar... Views All / Send Comment! }
Posting Komentar