Emmmm..... emm..... emm..... Buat temen-temen yang pengen menganti gambar header pada blognya dengan desain gambar sendiri biar lebih menarik, silahkan ikuti langkah-langkah yang saya tuliskan di bawah ini.
*) Cara I- 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;
}
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);
}
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);
}
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
background:url(http://i45.tinypic.com/2afn3mc.jpg);
}
Semoga artikel ini bermanfaat bagi kita semua... dan jangan lupa selesai baca posting ini isikan komenter kamu pada kolom komentar untuk masukan bagi saya apakah para pembaca bisa memahaminya atau tidak. akhirkata saya ucapkan terimakasih anddddd..... GOOG LUCK....
wah, mantabs sob tutorialnya. aku juga mau ganti header lagi
BalasHapuswah keren cuy...thanks yah.....knjgi aky di http://ridmix.blogspot.com
BalasHapusterimakasih atas infonya, ini dia yang saya cari
BalasHapusmerubah hedaer dengan *.jpg atai *.gif
saya coba deh
attaqymandiri.blogspot.com
ok bro buat orang sperti saya yang lg blajar, thanks
BalasHapusterima kasih atas kunjungan teman2 semua...
BalasHapussenang bisa membantu,,,,:)
trimakasih atas ilmunya mas!!!!
BalasHapusmantrap http://www.raflyilham.co.cc/
BalasHapusgambar header apa sih?
BalasHapus@alwiyah hani :apa ya...??? ya gambar header lah mbak,, itu tu buat gambar di di bagian atas sebuah web...
BalasHapuswah mantab sob, aku mau coba ganti header dulu kalo gitu.....
BalasHapuskeren gan..q sukses mnjlnkn misinya..thanks a lot
BalasHapuswah,, akhirnya bisa juga saya ganti header, dari tadi keliling2 google, thanks a lot mas.
BalasHapuskunjungi saya di: http://ngaekal.blogspot.com
terima kasih wat srannya!.....
BalasHapushttp://www.rifyal156.co.cc
BalasHapusmaaf saya mau nanya..
BalasHapusmas pake cms apa di domain .co.cc ini ?
@all : maaf jarang update :
BalasHapus@blogsaya : saya pakek bloger mas...