Rabu, 27 Februari 2013

Cara Bikin Header Blog Menjadi 2 Kolom



Blogger | Coepoe - Bagaimana cara membuat header blog menjadi 2 kolom widget ?. Beberapa blog mempunyai header 1 kolom, seperti pertama kali saya pakai template blogger | Coepoe ini masih 1 kolom. Karena ada kebutuhan untuk pasang kolom berlangganan via email seperti di pojok atas kanan blog ini, akhirnya saya mencoba untuk menambah 1 widget di sebelah kanan header.

Bagaimana caranya ? Ikuti langkah-langkah di bawah ini :
  1. Login ke Blogger
  2. Klik Rancangan -> Edit HTML
  3. Jangan lupa di simpan dulu sebelum di edit
Langkah 1 :
Cari Kode /* Header dan tempatkan kode di bawah ini persis di bawah kode /* Header
#header {
float:left;
width:40%;
margin: 0px;
text-align: center;
color:#ffcc66;
}
#header2{float:left; width:60%;}

Langkah 2 :
Cari kode yang mirip dengan di bawah 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>

Kemudian ganti dengan kode di bawah 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 -->
SIMPAN template ! dan SELESAI

Begitulah sobat, silahkan di coba jika masih menggunakan template yang mana header-nya cuman ada 1 kolom. Fungsi 2 kolom widget di header ini adalah untuk penempatan space iklan atau lainnya.

Salam Sahabat
Sumber : http://blogger-coepoe.blogspot.com/2012/05/cara-bikin-header-blog-menjadi-2-kolom.html#.US38ITf2fXQ

0 komentar:

Poskan Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes