Cara Membuat Kolom Untuk Tempat Iklan Di Header Atau Judul Blog - CONCAPREN

Breaking

Minggu, 07 Agustus 2011

Cara Membuat Kolom Untuk Tempat Iklan Di Header Atau Judul Blog

Cara Membuat Mengganti Memasang Mempercantik Pada Di Blog Blogger Blogspot Tutorial Trik Tips SEO Template Terbaru.
Untuk postingan kali ini akan dibahas artikel tentang: Cara Membuat Kolom Untuk Tempat Iklan Di Header Atau Judul Blog. Sebelumnya sudah pernah dituliskan mengenai: Cara Membuat Dan Menambahkan Kolom Sidebar Dibawah Judul Blog. Manfaat dibuatnya kolom untuk tempat iklan di Title blog supaya iklan dapat terlihat mudah oleh pengunjung. Untuk cara pembuatannya silahkan ikuti langkah-langkah berikut:




1. Loggin - Rancangan - Edit HTML

2. Centang Expand Template Widget

3. Cari Kode dibawah ini atau yang mirip

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

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

5. Kemudian 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>

6. Ganti kode tersebut 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>

7. Simpan Template - Selesai

Tidak ada komentar:

Posting Komentar