D'lovelizzers

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...

Label/Kategori: Blog tutorial

Baca Lainnya..