Headlines News :
Home » » cara membagi header menjadi 2 kolom

cara membagi header menjadi 2 kolom



  1. Login pada pada Blogger menggunakan id blog sobat
  2. Template
  3. Edit HTML lalu Lanjutkan
  4. 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;
}
  1. 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;
}
  1. 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> 
  1. 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>
  1. Simpan Template

jika sobat ingin mengubah ukuran setiap kolom, tinggal utak - atik kode yang berwarna merah dengan ukuran yang sesuai dengan kebutuhan sobat.
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

Like Disini

My Great Web page

Bloger Tajir Headline

Total Tayangan Halaman

Link Terkait

Pengikut

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Bisnis Online Tajir - All Rights Reserved
Template Design by Creating Website Published by Mas Template Download This Free Blogger Template