Cara Membagi Header menjadi dua bagian

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

7 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

Udan mengatakan...

Akhirnya berhasil juga

produkberkah walatra mengatakan...

Terimakasih gan informasinya menarik dan bermanfaat.


Obat Tradisional Anemia Pada Anak Paling Ampuh

Jelly Gamat QNC

Walatra Zedoril 7 Bersih Kanker

Walatra Berry Jus

Walatra Sehat Mata Softgel

Jelly Gamat Walatra G-Sea

Walatra Gamat Emas Kapsul

:)) ;)) ;;) :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