Cara Mengganti Header Blog

Buat anda yang udah bosen dengan tampilan header blog dan pengen sesuatu yang baru, anda bisa mendesingn Header anda sendiri dengan Corel atau Photosop. pertama yang anda lakukan adalah anda harus mengetahui duli ukuran templat anda, seprti sontoh punya saya yaitu dengan ukuran 960 pixel X 130 pixel seperti pada contoh gambar header saya di bawah, cara mengganti header yaitu dengan 2 langkah manual dan dengan mengobrak abrik kode HTML.

Cara Pertama :

1. Sign in di Blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Save dulu template Anda untuk backupKlik tulisan Download Template Lengkap

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. cari kode berikut pada template Anda :

b:section class="'header'" id="'header'" maxwidgets="'1'"

pada kode maxwidgets='1'. Rubah angka 1 menjadi angka 2, seperti pada contoh di bawah ini

b:section class="'header'" id="'header'" maxwidgets="'2'"

8. Klik tombol SIMPAN TEMPLATE

Langkah elanjutnya Adalah....

1. Klik menu Elemen Halaman

2. KLik tulisan Edit yang ada pada elemen Header

3. Tunggu beberapa saat

4. Pilih radio button yang ada di samping tulisan dari komputer Anda

5. Klik tombol Browse...

6. Pilih Header yang telah di buat yang ada pada komputer Anda

7. Tunggu  sampai proses selesai.

8. Gambar Header Anda akan di tampilkan

9. Klik tombol SIMPAN PERUBAHAN

10. Selesai.



Cara Kedua

Apabila Anda tidak puas ikuti langkah berikut ini, Anda bisa mamakai jasa web penyimpan photo seperti http://www.photobucket.com/ Sebelum anda mengupload gambar header, lebih baik anda membuat banner anda sesuai dengan lebar template.


Ikuti langkah berikut..

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Save dulu template Anda untuk backupKlik tulisan Download Template Lengkap,

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. Tambahkan kode berikut pada style sheet css Anda.

/* Header -----------------------------------------------

*/

#header-wrapper{width:960px;height:130px;margin:0px 0 0px 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf5wAZk_JFlAPKsT4jjedXf25AsPIlEFTFAeNY_P846ns-Ym3eifTincDH97ZEUuuzDfSlV0qvCj3OcDkYW6rLm5DGyUyRxdjCmE-LR6CFVPNo5bZyDJUTel1x1ZLE_HPaNbZ2kPq4TGo/s1600/HHH.jpg);

}

Tulisan yang warna merah adalah link dari pentimpan photo dan yang warna biru adalah ukuran header template.


8. Bila sudah OK, klik tombol SIMPAN TEMPLATE

Saran : lebih baik anda menggunakan langkah kedua, karena dengan langkah kedua anda bisa menyesuaikan ukuran template anda dengan header,,,,

Selamat mencoba anda pasti bisa....