Bingung ya gimana cara mengganti Header Pada Blogger ?
- 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.
- Selanjutnya sign in di Blogger dengan user name dan pasword mu...
- Pilih Tata Letak kemudian Elemen Laman
- Klik tulisan Edit yang ada pada elemen Heade
- 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...
- kemudian langsung Browse gambar dari komputer kamu. kemudian tunggu sejenak sampai proses upload selesai.
- kemudian simpan da lihat hasilnya....
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...
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...
- Selanjutnya sign in di Blogger dengan user name dan pasword mu...
- Pilih Tata Letak kemudian Edit HTML
- untuk mengantisipasi kesalahan yang mungkin terjadi silahkan klik tulisan Download Template Lengkap, dan save dulu template Anda untuk backup.
- kemudian kamu temukan kode kurang lebih seperti berikut...
- kemudian tambahkan embel-embelnya yaitu background: sehingga kodenya menjadi seperti dibawah ini.
- ganti link gambar dengaan link gambar yang telah kamu upload tadi misalnya seperti berikut:
- kemudian klik simpan dan lihat hasilnya...
#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; }
#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; background:url(link gambar); }
#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; background:url(http://i45.tinypic.com/2afn3mc.jpg); }