Tips kali ini yaitu cara Membuat Header Menjadi Dua Bagian, Header blog sangat penting agar blog terlihat bagus maka headerpun diperlukan, jika blog tanpa header layaknya manusia tanpa kepala. he he..
Disamping untuk mempercantik blog, header biasanya berisi tentang judul blog serta deskripsi blog, dan bahkan header bisa berfungsi untuk menempatkan iklan juga.

Nah, Iklan Sumut kali ini akan memberikan tips tentang cara membagi header menjadi dua bagian. Ikuti langkah-langkah dibawah ini:

1. Seperti biasa dalam keadaan log in pada account sobat
2. Klik rancangan
3. Klik Edit HTML
4. Bisa Download Template Lengkap jika khawatir gagal
5. Sekarang cari kode CSS seperti yang mirip beikut:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }
   #header-inner {
   background-position: center;
   margin-left: auto;
   margin-right: auto;
   }
   #header {
   margin: 5px;
   border: 1px solid $bordercolor;
   text-align: center;
   color:$pagetitlecolor;
   }

   ---

6. Ganti kode diatas dengan kode dibawah ini:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 0px;
   background:#ffff;
   height:180px;
   }
   #header-one {
   width:50%;
   background-position: left;
   margin-left: auto;
   margin-right: auto;
   float:left;
   }
   #header {
   margin: 0px;
   text-align: left;
   color:$pagetitlecolor;
   }
   #header_two{
   width:50%;
   float:left;
   padding-top:10px;
   }

   ---

   Perhatikan kode yang berwarna merah pada bagian awal, sesuaikan lebar atau angka width dengan lebar header template sobat.
7. Sekarang cari kode seperti berikut:

   ---

   
   
   
   
   

   ---

8. Setelah menemukan kode diatas, sisipkan kode warna merah berikut dengan penempatan yang menyarupai contoh dibawah ini:

   ---

   
   

   
   
   
   
   

   
   

   
   
   

   
   

   ---

9. Klik Simpan Template
10. Selesai

Untuk melihat hasil, klik elemen halaman, jika tampilan header sobat-sobat sekalian serupa screenshoot diatas, berarti kamu berhasil. Silahkan isi kolom baru dengan ragam widget atau ads.

Demikian sedikit tips tentang cara membuat header menjadi dua bagian. Semoga berguna.

sumber : http://infonetmu.blogspot.com/2012/02/membuat-header-dua-bagian.html

Baca Juga artikel dibawah ini :
Cara jitu kirim iklan

Iklan Premium dan Blog Gratis

Cara hindari duplikat konten

HTML kode konverter

Software gratis

Jasa pembuatan Website