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

4 komentar

kasih contoh yg sudah jadi biar makin jelas.

Reply

blognya kren sekali gan, salut deh.

Reply

artikel menarik mas, dan juga sangat menarik ulasannya dan saya suka, dan salam kenal dari mico dan juga bagi teman2 yg suka dengan download film box office terbaru silakan kunjungi situsnya loe, makasi untuk admin juga. thanks

Reply

Posting Komentar