Membagi Kolom Header Menjadi 2

Posted by Tiar Bahtiar at Kamis, 25 Februari 2010

Share this post:

2 Comments

Kali ini kita akan membahas tentang "Membagi Kolom Header Menjadi 2"

1.Login di blogger.com
2.Klik Layout/tata letak
3.Klik tab elemen Halaman, maka anda akan melihat tampilan format kolom header anda seperti ini :

4.Jika sudah di lihat, kemudian klik tab Edit HTML, lihat ke bagian kode CSS, lalu cari kode seperti 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;
}

5.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;
}

6.Coba scroll ke bagian bawah, dan temukan kode seperti ini :

7. Hapus kode di atas, lalu ganti dengan kode di bawah ini :