Cara Membagi Header Blog Menjadi Dua Bagian

oke langsung aja, caranya

  1. Log In ke blog
  2. klik rancangan / layout
  3. Kemudian klik Edit HTML
  4. Cari Kode CSS "Header" yang seperti di bawah ini atau kalau g ada yang mirip aja,

/* Header
----------------------------------------------- */
#header-wrapper {
width:930px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

setelah ketemu anda hapus kode di atas dan ganti dengan kode di bawah ini

/* Header 


----------------------------------------------- */ 
#header-wrapper { 
width:930px;  
margin:0 auto 0px; 
background:#ffff; 
height:180px; 
#header-one { 
width:50%; 
background-position: left; 
margin-left: auto; 
margin-right: auto; 
float:left; 
#header { 
margin: 0px; 
text-align: left; 
color:$pagetitlecolor; 
#header_two{ 
width:50%; 
float:left; 
padding-top:10px; 
}

keterangan

width:50%;  adalah lebar nya

setelah selesai anda cari kode seperti ini

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tempat  Eksperimen Kecil (Header)' type='Header'/>
</b:section>
    </div>

Lalu anda tambahkan kode berikut ini diantara kode di atas

<div id='header-one'> 

<div id='header_two'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

Yang nanti nya jadi seperti di bawah ini

<div id='header-wrapper'>
<div id='header-one'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tempat  Eksperimen Kecil (Header)' type='Header'/>
</b:section>
    </div>
<div id='header_two'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

Setelah selesai anda simpan template dan jika berhasil, anda klik elemen laman dan lihat
apakah ada elemen di bawah header anda jika ada anda bisa mengisi nya dengan widget atau iklan atau lainsemoga bermanfaat

1 comment

25 Agustus 2011 pukul 05.26

tanks y haikal

Posting Komentar - Back to Content