Cara Membagi Dua Kolom Header (2)

Cara untuk membagi 2 kolom header :

1. Login ke blogger dengan ID anda
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, Klik "Download Template Lengkap"
5. 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;}

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

7. Coba scroll ke bagian bawah, dan temukan kode seperti 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>

8. Klik tombol Simpan Perubahan.
9. Selesai . . .

Untuk melihat hasilnya, silahkan anda klik lagi tab Elemen Halaman dan anda akan melihat format kolom header anda menjadi seperti ini :



Kolom header anda sudah menjadi dua bagian, yang sebelah kiri dan sebelah kanan. Trus bagaimana kalau sudah begitu ? ya terserah anda, kolom sebelah kanan saya buat menjadi elemen layaknya yang ada di sidebar, jadi mau di masukan seach engine, mau iklan, mau gambar, ya terserah yang masukin.

Selamat Mencoba . . . ! ! !