Kita langsung aja bro,,
- Login ke akun blogger kamu.
- Pilih template.
- Klik edit HTML.
- Cari kode:
#header-wrapper
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4t48IcUZNMwYgBgxX8hVMCvFTXpXitz6rArVEis77QNY9yagq4UQfeYDCavwADeZ5Wav3ydbqxeKxvWu3OZ9iKV4wiAnkWzO92M2A1EuKTQ_HzY0yz57Wabg3fkU6jcqVjCWnC3IpdsT/s1600/line.gif)
repeat-x scroll left bottom;
height:119px;
width:900px;
}
#header-inner
{
background-position:center
center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#000000;
text-align:left;
}
- Kalau sudah ketemu kode diatas maka ganti dengan kode dibawah ini :
#header-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4t48IcUZNMwYgBgxX8hVMCvFTXpXitz6rArVEis77QNY9yagq4UQfeYDCavwADeZ5Wav3ydbqxeKxvWu3OZ9iKV4wiAnkWzO92M2A1EuKTQ_HzY0yz57Wabg3fkU6jcqVjCWnC3IpdsT/s1600/line.gif)
repeat-x scroll left bottom;
height:119px;
width:900px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#000000;
text-align:left;
}
Selanjutnya tahap pemanggilan CSS dua kolom header
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thomi Jasir Demo
(Header)' type='Header'/>
</b:section>
</div>
- Ganti kode diatas dengan kode dibawah ini:
<div id='header-wrapper'>
<div id='header-inner'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blognya Reggy Demo
(Header)' type='Header'/>
</b:section>
</div>
<div id='header-kanan'>
<b:section class='header2' id='header2'/>
</b:section>
</div>
</div>
Selesai bro,, lihat blog kamu!