Cara Menambah Kolom Pada Header Untuk Tempat Iklan

Jual Kamboja Kering Dan Basah

Pohon kamboja, khususnya kamboja berbunga putih (Plumeira alba), masih dipandang sebelah mata. Sebab, kebanyakan tanaman ini tumbuh di kuburan. Tidak jarang, orang menyebutnya sebagai bunga kuburan. Bunganya yang telah dikeringkan, lantas ditumbuk halus, banyak dipakai sebagai bahan baku wewangian, kosmetik, industri kerajinan dupa, spa, serta teh herbal. Untuk harga perkilo, kami tidak mematok harga paten dikarenakan harga yang tidak stabil dan berubah sewaktu-waktu. Jika anda berminat, silahkan hubungi kami atau jika anda ada di Banjarmasin, bisa datang langsung ke tempat kami.

Dikirim oleh : Kamboja Kering, banjarmasin, 081334232727 | Kunjungi Website

Dijual Rumah ada sarang Walet-Tulungagung

Dijual Rumah Murah ada sarang Walet lengkap Dengan Instalasi Speaker, lb 90m2 sarang walet 3x7m diatas ada kolam, rumah monyet untuk walet 2x2m. Harga 175juta tanpa perantara Bila ada yang berminat langsung hubungi kami

Dikirim oleh : Rumah Murah, Bangoan kedungwaru Tulungagung, 081351015777 | Kunjungi Website

Home » Unlabelled » Cara Menambah Kolom Pada Header Untuk Tempat Iklan

Cara Menambah Kolom Pada Header Untuk Tempat Iklan

Posted by Peluang Usahaku Rabu, 24 Agustus 2011 0 comments

Cara Menambah Kolom Pada Header Untuk Tempat Iklan | Maksud dari judul artikel diatas, bisa anda lihat pada gambar dibawah berikut :

Pada gambar diatas kolom sebelah kanan merupakan kolom yang akan kita buat/tambahan, kolom tambahan tersebut bisa kita gunakan untuk pasang Iklan atau lainnya terserah untuk apa anda inginkan, karena pada dasarnya kolom pada header sebelah kanan yang akan kita buat tersebut berfungsi sama dengan sidebar blog.

Untuk Membuatnya Silakan Ikuti Langkah Berikut :

Pilih ‘TATA LETAK’

Klik "Edit HTML"

Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas

(gunakan Ctrl + F) Cari kode CSS seperti dibawah ini atau yang mirip (tergantung templete anda) :

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Ganti semua kode diatas dengan kode berikut :

#header-wrapper {
width:930px;
margin:0 auto 0px;

background:#38610B url(http://i33.tinypic.com/sw6cfo.jpg) no-repeat top center;

height:180px;
}

#head-inner {
width:500px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:430px;
float:left;
padding-top:10px;
}

Selanjut nya cari kode :

<div id='header-wrapper'>
<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>

Jika sudah Ketemu, ganti kode tersebut diatas dengan kode :

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