Cara Membuat Header Blog Menjadi 2 Kolom

 Cara Membuat Header Blog Menjadi 2 Kolom !!

Langsung Ke Tkp . .

Cara :
-Login ke blogger
-Klik Design/Rancangan >> Edit HTML >> Centang Expand Template Widget,
-Lalu cari kode berikut ini
/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}
-Hapus kode di atas, lalu ganti dengan kode berikut ini :
/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor 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;
}
-Kemudian scroll ke bagian bawah, dan 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='Test Blog (Header)' type='Header'/>
</b:section>
</div>
-Hapus kode di atas, lalu ganti dengan kode di bawah ini :
<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>
-Tinggal Di Save, Dan Lihat Hasilnya . .
-Taraa. . .

^_^

Masukkan alamat email kamu disini:

Postingan Lainnya : Bloggeron

1 komentar:

magazineticker said...

nice info gan,,thnks ya serta salam persahabatan dari saya.

[ Reply ] | September 17, 2012 at 12:09 PM
:f :D :x B-) b-( :@ x( :? ;;) :-B :| :)) :(( =(( :s :-j :-p :-o :-g :-x

Post a Comment

Tinggalkan Komentar Di Sini Dengan Sopan yak All . . !!
Jangan Memakai Link di dalam komentar, Akan langsung di hapus.

>>>>>>>>>>>> Like Fans Pages Facebook Yak All !! >>>>>>>>>>>

Thx Atas Perhatiannya . .^_^

Mr.x [Shared All Artikel]. Powered by Blogger.

Popular Posts

Files Blog