Cara Membuat Iklan Sejajar Dengan Header

Cara Membuat Header 2 Kolom

saya sendiri bingung mau buat judul nya apa, tapi yang jelas fungsinya sama saja sih..

oke langsung ke topik..

***************************************************

Dalam sebuah blog memang banyak tutorial dan jika bahas satu persatu memang tiada ada habis-habisnya, dan gak bakal habis tapi dengan ngeblog kita bisa berkreasi semau kita sendiri alhasil kreasi kita bagus dan ditawai iklan oleh suatu produk dan banggalah kita, namun saya disini tidak membahas berbangga karena dapet duit tapi saya disini akan berbagi suatu tutorial yaitu membuat header menjadi 2 kolom atau membuat iklan sejajar dengan header, dalam kolom header biasanya kita hanya meletakkan logo blog kita dan selesai, namun dengan adanya bantuan 1 kolom lagi mungkin kita bisa gunakan untuk meletakkan iklan
Preview

---

Cara Membuat Header 2 Kolom

---

Langkah 1
Login ke Blogger
Masuk ke "Rancangan - Edit HTML"
Cheklist "Expand Template Widget"
Langkah 2
Cari kode: ]]></b:skin> dan letakkan kode dibawah ini tepat di atas  ]]></b:skin>

#header {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}

#header-right .widget {margin:0;}

Langkah 3
Kemudian cari kode yang mirip seperti ini </b:section>

BBiasanya ada dua kodei </b:section>  dalam satu blog, pilih yang paling pertama ketemu atau paling atas.

salin kode berijut dan pastekan tepat dibawah kode  </b:section>  yang pertama atau yang paling atas.

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Contoh Penerapannya

</b:section> 

<b:section id='header-right' showaddelement='yes'/> 
<div style='clear: both;'/>

Langkah 4
Sekarang cari kode berikut

]]>

</b:template-skin>  dan letakkan kode dibawah ini tepat diatasnya

#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}

Langkah 5

Semoga bermanfaat, selamat mencoba dan semoga berhasil

jika anda kesulitan ngambil kodenya, silahkan ambil di kotak komentar..