Cara Mudah Menambahkan Kolom Widget di Samping Header
cara menambah kolom widget, tips trick blogger, edit template, tutorial bloger, dan edit blogger
Cara Mudah Menambahkan Kolom Widget di Samping Header. Cara ini merupakan cara yang terbilang cukup mudah, karena dengan cara ini, anda bisa memasang widget atau iklan di samping header atau judul blog anda.
Dan dengan menambah kolom widget di samping header atau judul blog ini juga sangat cocok bila dipasang dengan iklan GA anda, seprti yang anda lihat di header atau judul blog saya.
Jika anda tertarik, anda bisa melakukannya untuk menambahkan kolom widget dengan langkah-langkah sebagai berikut :
#header {
float:left;
width:40%;
margin: 0px;
text-align: center;
color:#ffcc66;
}
#header2{float:left; width:60%;}
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
</div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
Demikian artikel yang saya tulis tentang Cara Mudah Menambahkan Kolom Widget di Samping Header. Semoga bermanfaat dan Selamat Mencoba!!
Dan dengan menambah kolom widget di samping header atau judul blog ini juga sangat cocok bila dipasang dengan iklan GA anda, seprti yang anda lihat di header atau judul blog saya.
Jika anda tertarik, anda bisa melakukannya untuk menambahkan kolom widget dengan langkah-langkah sebagai berikut :
- Login ke Blogger
- Pilik Rancangan -> Edit HTML (jangan lupa meyimpannya untuk antisipasi apa bila teamplate blog anda tidak suport)
- Cari kode /* Header (untuk mempermudah pencarian bisa anda gunakan tombol CTRL+F.) jika sudah ketemu, Copy kode dibawah ini dan Paste tepat di bawah kode /* Header
#header {
float:left;
width:40%;
margin: 0px;
text-align: center;
color:#ffcc66;
}
#header2{float:left; width:60%;}
- Cari kode yang sama persis seperti kode dibawah ini
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
</div>
- Kemudia kode tersebut anda ganti dengan kode dibawah ini
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
- Lalu Save template anda dan anda bisa lihat hasilnya, ada kolom widget baru di sampil header atau judul blog anda.
Demikian artikel yang saya tulis tentang Cara Mudah Menambahkan Kolom Widget di Samping Header. Semoga bermanfaat dan Selamat Mencoba!!