agar lebih jelas LIHAT DEMO DISINI
CARA MEMBAGI HEADER JADI 2 KOLOM SEBAGAI BERIKUT:
1.login di blogger sobat
2.masuk ke dashboard |design | edit HTML
3.centang kotak kecil "expan widget template" lalu cari kode dibawah ini
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor;
height:190px;
}
#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}
#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}
4. setelah ketemu ganti semua kode diatas dengan kode dibawah ini:
#header-wrapper{
width:980px;
padding:20px 0 0 0;
background:#000000;
margin:0 auto;
border:;}
#header-inner{
background-position:center;
margin-left:auto;
margin-right:auto}
#header{
float:$startSide;
width:400px;
margin:0 auto;
border:0px solid $bordercolor;
text-align:left;
color:$pagetitlecolor
}
#header2{
float:$endSide;
width:400px;
margin:0 auto;
text-align:left;
}
5. cari kode berikut:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section>
fokuskan pencarian pada kode <div id='header-wrapper'>
6. lalu ganti semua kode di atas 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='judul blog(Header)' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
7. simpan template. dan lihat hasilnya.dengan klik menu DESIGN .
perhatikan perubahannya. apakah sudah ada 2 element pada header blog anda. jika sudah ada 2 element header silahkan anda pasang banner blog anda/iklan bisnis anda pada masing2 element.
semoga membantu dan happy blogging
26 Comments
Terima kasih telah berbagi mas.
ReplyDeleteMantaf infonya mas. Sukses selalu ya...
ReplyDeletewahhh..kedatangan tamu sahabat-sahabat terbaik wordpress :-)
ReplyDeletethanks sobat sobat.. mas noer dan mas abed. lama gak jumpa..maaf klo saya gak sempat blogwallking ahir-ahir ini..karena kesibukan yang masih banyak tertunda...
terimakasih atas kunjungan sobat sobat sekalian..salam sukses buat sahabat rajacolek..:-)
Buat blogspot ya, Gan?
ReplyDelete
ReplyDeletenandobase :
Buat blogspot ya, Gan?
hehehe iyaa gan itu buat blogcepot... thanks kunjungannya:-)
Artikel yang sangat informatif. Lengkap dengan kode dan tutorial nya. :)
ReplyDelete
ReplyDeleteNila :
Artikel yang sangat informatif. Lengkap dengan kode dan tutorial nya.
semoga bermafaat buat yang membutuhkan:-) thanks atas kunjungan mbak nila
belum bisa nih mas gimana yah cara nya ?
ReplyDelete
ReplyDeletevinojaja :
belum bisa nih mas gimana yah cara nya ?
kenapa gak bisa.apa masalahnya? bisa di jelaskan gak biar saya bisa bantu.
terima kasih banyak infonya, terus posting ilmu-ilmu yg sangat bermafaat,,
ReplyDelete
ReplyDeletehakim :
terima kasih banyak infonya, terus posting ilmu-ilmu yg sangat bermafaat,,
sama2 mas...semoga blogger indoneia semakin maju dan sukses:-)
terimakasih mas bro :)
ReplyDelete
ReplyDeletesundaboy :
terimakasih mas bro
thank juga atas kunjungannya sob
Top markotop gan,,its work 2 me
ReplyDeleteijin naroh di blog ane gan
ReplyDeleteoke silahkan gan semoga bermamfaat:-)
ReplyDeleteKurang Puas dengan postinganya.....
ReplyDelete
ReplyDeleteAira :
Kurang Puas dengan postinganya…..
postingan di blog ini sderhana semua...jika anda kurang puas saya minta maaf..karena hanya itu kemampuan saya:-)
gan,,,,blog saya gak bisa di jadiin 2 header....sudah saya coba tutornya,tapi gagal maning gagal maning...
ReplyDeleteyang bikin gagal kenapa?coba di jelaskan masalahnya agar saya dapat membantu
ReplyDeletekenapa bisa gagal terus..bisa di jelaskan gak masalahnya agar saya bisa membantu
ReplyDeletekeren , nice tutorial, bermanfaat banget :)
ReplyDeleteterimakasih bossss....salm sukses buat agan:-)
ReplyDeleteSangat bermanfaat.. untuk pasang banner di header blogger. :)
ReplyDeleteYupzzz bagus juga untuk banner promosi gan:-D
ReplyDeleteterimakasih tip n triks serta tutorialnya... sangat2 berguna untuk q... thanks n lam kenal...
ReplyDelete