CARA MEMBAGI HEADER BLOGSPOT

CARA MEMBUAT HEADER MENJADI 2 KOLOM

Biasanya pada bloger bawaan yang di sediakan itu hanya satu header, terus gimana mengakalinnya agar menjadi 2 header?
Begini petunjuknya


1.       Masuk ke akun blog saudara
2.       DASHBOARH >> DESIGN >> Edit html >> centang kotak “Expand widget temple
3.       Dengan menggunakan tombol F3 pada keyboard, cari kode ini yang bercetak tebal merah di bawah ini...
                       

               .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

   Selanjutnya ganti semua kode yang diatas,(baik warna merah maupun yang hitam)dengan kode di bawah ini...
         
          .header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */} 
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}


         PROSES SELANJUTNYA

       1. Cari lagi kode di bawah ini dengan tombol F3 di keyboad
              <div class='region-inner header-inner'>

        2. selanjutnya tambahkan kode tersebut (yang baru di cari tadi) dengan kode baru yang diletakan 
            di sampingnya,

            kode itu adalah,....
                              <b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

         Sehingga hasilnya seperti ini : 
             
                             <div class='region-inner header-inner'><b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>




........SAVE,,,,,,, DAN LIHAT HASILNYA
            



      KETERANGAN : untuk yang berwarna merah, merupakan kode tambahannya