Minggu, 31 Oktober 2010

Mengganti Header pada Blogger



Bingung ya gimana cara mengganti Header Pada Blogger ?
Sepengetahuan saya ada 2 (dua) cara untuk mengganti gambar header pada blog yaitu:
- Cara I
  1. Langkah Pertama Buatlah desain Headernya dengan Program pengolah gambar ( seperti Corel atau Photosop) dengan ukuran yang sesuai dengan lebar dan tinggi header blog kamu. kemudian Simpan dalam format *.JPG atau *.GIF.
  2. Selanjutnya sign in di Blogger dengan user name dan pasword mu...
  3. Pilih Tata Letak kemudian Elemen Laman
  4. Klik tulisan Edit yang ada pada elemen Heade
  5. Pada Bagian ini kamu pilih dari komputer anda (untuk Browse langsung dari komputer mu), atau pilih dari web (untuk mengambil gambar yang sudah ada di web lain ). pada trik kali ini kamu pilih dari komputer anda dengan cara mengklik radio button yang ada di sebelah kirinya...
  6. kemudian langsung Browse gambar dari komputer kamu. kemudian tunggu sejenak sampai proses upload selesai.
  7. kemudian simpan da lihat hasilnya....
- Cara II
Cara yang kedua ini adalah cara yang sering saya gunakan untuk mengganti gambar di blog dan cara ini bukan hanya dapat di terapkah pada header saja namun bisa juga untuk bagian yang lain seperti body, manu, sidebar, main, footer pokok e semuanya lah...Bener ga tuh ??
pertama-tama silahkan Upload terlebih dahulu gambar yang akan kamu gunakan tadi, Uploadnya dimana???kamu bisa upload gambar mu di http://www.photobucket.com atau di http://tinypic.com jika semuanya sudah beres, ikuti langkah-langkahnya di bawah ini...
  1. Selanjutnya sign in di Blogger dengan user name dan pasword mu...
  2. Pilih Tata Letak kemudian Edit HTML
  3. untuk mengantisipasi kesalahan yang mungkin terjadi silahkan klik tulisan Download Template Lengkap,  dan save dulu template Anda untuk backup.
  4. kemudian kamu temukan kode kurang lebih seperti berikut...
  5. #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; }
  6. kemudian tambahkan embel-embelnya yaitu  background: sehingga kodenya menjadi seperti dibawah ini.
  7. #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; background:url(link gambar); }
  8. ganti link gambar dengaan link gambar yang telah kamu upload tadi misalnya seperti berikut:
  9. #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; background:url(http://i45.tinypic.com/2afn3mc.jpg); }
  10. kemudian klik simpan dan lihat hasilnya...                  


Reaksi: