Cara Membuat Header Blog Menjadi 2 Kolom

Pengen tahu caranya ... Berikut cara membuat header blog menjadi dua kolom

Pertama login ke blogger

Klik Layout

Klik tab elemen Halaman

Kemudian klik tab Edit HTM,

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




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 :

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

Klik tombol Simpan Perubahan.

Selesai dah ...
coba lihat .. sudah berhasil belum ..
Semoga aja berhasil ya ...