Cara membuat header menjadi 2 kolom


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;
}

  • Klik save.


Selanjutnya tahap pemanggilan CSS dua kolom header
  • Cari kode:
 <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>

  • Terakhir save template.

Selesai bro,, lihat blog kamu!




1 komentar:

  1. Jangan Kuatir dengan Jam Bank Offline Kini Bolavita telah bekerja sama dengan OVOpay Indonesia.
    Deposit di Bolavita Makin Mudah Menggunakan Ovopay dan dapatkan Bonus FreeChips nya Sekarang Juga!

    Info Lengkap : www,bolavita,fun ~
    WA: 0812-2222-995 !
    BBM : B-O-L- A-V-I-T-A
    WeChat : BOLAVITA
    Line : cs_bolavita

    BalasHapus