Cara Membagi Header menjadi dua bagian

| | 5 komentar

Membagi header menjadi 2 elemen. dan caranya ikuti langkah-langkah berikut ini

1. Log in dulu ke blogger kemudian Tata letak
2. klik Edit HTML
3. Download tamplate anda untuk mengatasi hal-hal yang tak diinginkan. Jangan lupa kasi tanda centang di
4. kotak kecil kanan atas
5. Kemudian cari kode

#header-wrapper {
width:660px;
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;
}

6. Kemudian hapus dan ganti dengan kode di bawah ini

#header-wrapper {
width:930px;
margin:0 auto 0px;
background:#38610B;
height:180px;
}

#head-inner {
width:500px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:430px;
float:left;
padding-top:10px;
}

7. Kemudian cari kode

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

8. Hapus dan ganti dengan kode

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

9. kemudian save tamplate anda dan lihat hasilnya. Selamat mencoba........ 

5 komentar:

obat darah tinggi mengatakan...

mantap dah artikelnya kawan
http://acemaxs31.com/obat-darah-tinggi-tradisional/
http://i-bikeco.com
http://mas-galih.com

Pengobatan Alami Ambeien mengatakan...

Mantaaap dah sob artikelnya :)
Ijin share http://grosiracemaxstasik.com/pengobatan-alami-ambeien/
http://grosiracemaxstasik.com/
http://grosiracemaxstasik.com/ace-maxs/

obat matitis mengatakan...

mantab artikelnya sob

Dewii Sumiyati mengatakan...

Thanks sob untuk informasi artikelnya :)
http://goo.gl/sDr4ga

Obat Maag Untuk Ibu Hamil mengatakan...

lanjutkan gan mantap artikelnya

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by