Laman

20 Februari 2010

Mengganti gambar header blog

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.
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 gak tuuuu????
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...

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....

16 komentar:

  1. wah, mantabs sob tutorialnya. aku juga mau ganti header lagi

    BalasHapus
  2. wah keren cuy...thanks yah.....knjgi aky di http://ridmix.blogspot.com

    BalasHapus
  3. terimakasih atas infonya, ini dia yang saya cari
    merubah hedaer dengan *.jpg atai *.gif

    saya coba deh

    attaqymandiri.blogspot.com

    BalasHapus
  4. ok bro buat orang sperti saya yang lg blajar, thanks

    BalasHapus
  5. terima kasih atas kunjungan teman2 semua...
    senang bisa membantu,,,,:)

    BalasHapus
  6. trimakasih atas ilmunya mas!!!!

    BalasHapus
  7. mantrap http://www.raflyilham.co.cc/

    BalasHapus
  8. @alwiyah hani :apa ya...??? ya gambar header lah mbak,, itu tu buat gambar di di bagian atas sebuah web...

    BalasHapus
  9. wah mantab sob, aku mau coba ganti header dulu kalo gitu.....

    BalasHapus
  10. keren gan..q sukses mnjlnkn misinya..thanks a lot

    BalasHapus
  11. wah,, akhirnya bisa juga saya ganti header, dari tadi keliling2 google, thanks a lot mas.

    kunjungi saya di: http://ngaekal.blogspot.com

    BalasHapus
  12. terima kasih wat srannya!.....

    BalasHapus
  13. maaf saya mau nanya..
    mas pake cms apa di domain .co.cc ini ?

    BalasHapus
  14. @all : maaf jarang update :

    @blogsaya : saya pakek bloger mas...

    BalasHapus