- Login pada pada Blogger menggunakan id blog sobat
- Template
- Edit HTML lalu Lanjutkan
- pertama - tama cari kode #header-wrapper { atau lebih lengkapnya mirip seperti di bawah 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/AVvXsEjllhCcdr4-ZtyTKNam1CQFi6ekpYdH0t1Hy4Jp0gaXtUa9A17OhMTQQUCTCbyJ9hIghg2p7p4clFwIYBjTzudzU1a0qnRuYDjrIe0hmNAHQrKHbbedaBMUBirrXW9tqaTK9j1FvNfla6T1/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;
}
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjllhCcdr4-ZtyTKNam1CQFi6ekpYdH0t1Hy4Jp0gaXtUa9A17OhMTQQUCTCbyJ9hIghg2p7p4clFwIYBjTzudzU1a0qnRuYDjrIe0hmNAHQrKHbbedaBMUBirrXW9tqaTK9j1FvNfla6T1/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;
}
- hapus dan ganti kode tersebut 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/AVvXsEjllhCcdr4-ZtyTKNam1CQFi6ekpYdH0t1Hy4Jp0gaXtUa9A17OhMTQQUCTCbyJ9hIghg2p7p4clFwIYBjTzudzU1a0qnRuYDjrIe0hmNAHQrKHbbedaBMUBirrXW9tqaTK9j1FvNfla6T1/s1600/line.gif) repeat-x scroll left bottom;
height:100px;
width:900px;
}
#header-inner {
width:428px;
margin:0 auto;
padding-top:6px;float:left;
}
#header {
color:#000000;
text-align:left;
}
#r_head{
width:468px;
float:right;
padding-top:6px;
}
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjllhCcdr4-ZtyTKNam1CQFi6ekpYdH0t1Hy4Jp0gaXtUa9A17OhMTQQUCTCbyJ9hIghg2p7p4clFwIYBjTzudzU1a0qnRuYDjrIe0hmNAHQrKHbbedaBMUBirrXW9tqaTK9j1FvNfla6T1/s1600/line.gif) repeat-x scroll left bottom;
height:100px;
width:900px;
}
#header-inner {
width:428px;
margin:0 auto;
padding-top:6px;float:left;
}
#header {
color:#000000;
text-align:left;
}
#r_head{
width:468px;
float:right;
padding-top:6px;
}
- selanjutnya geser scroll ke bawah dan cari kode <div id='header-wrapper'> atau lebih lengkapnya mirip seperti di bawah ini
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Online Tajir (Header)' type='Header'/>
</b:section>
</div>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Online Tajir (Header)' type='Header'/>
</b:section>
</div>
- hapus kode di atas dan ganti dengan kode di bawah 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='Bisnis Online Tajir (Header)' type='Header'/>
</b:section>
</div>
<div id='header-kanan'>
<b:section class='header2' id='header2'/>
</b:section>
</div>
</div>
<div id='header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Online Tajir (Header)' type='Header'/>
</b:section>
</div>
<div id='header-kanan'>
<b:section class='header2' id='header2'/>
</b:section>
</div>
</div>
- Simpan Template
jika sobat ingin mengubah ukuran setiap kolom, tinggal utak
- atik kode yang berwarna merah dengan ukuran yang sesuai dengan kebutuhan
sobat.
0 comments:
Speak up your mind
Tell us what you're thinking... !