Cara buat header blog jadi 2 kolom

ikhsanudin on

Friday, February 15, 2013

Sering kita melihat blog-blog atau website yang menampilkan iklan tepatnya disamping header / sejajar dengan nama blog. Namun pada template bawaan blogspot biasanya belum terdapat hal demikian. jadi posting kali ini saya ingin rasanya membuat sebuah posting tentang Cara buat header blog jadi 2 kolom.

Ayo kita mulai untuk membuat Cara buat header blog jadi 2 kolom:
1. Seperti biasanya kita harus login ke blogger.com
2. Template >>> Edit HTML (Contreng "Expand Template Widget " )
3. cari kode :

.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

Ganti kode tersebut dengan kode di bawah ini:

.header-outer {

background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;

_background-image: none;min-height: 154px;

#header {

width: 45%;

margin-right: 10px;float: left; }

#bgsGR_headerkanan {

float: right;

width: 49%;
margin: 20px 10px 5px 10px;

padding: 2px;}

#bgsGR_headerkanan .widget {margin: 3px;}

cari lagi kode

<div class='region-inner header-inner'>

setelah kode tersebut tambahkan kodedibawah ini :



<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

SIMPAN

Labels: Blogger

Thanks for reading Cara buat header blog jadi 2 kolom. Please share...!