Home » » Cara Membuat Gambar Header Blog (2)

Cara Membuat Gambar Header Blog (2)

Cara Membuat Gambar Header Blog (2)
Selain dengan cara yang sudah saya posting sebelumnya Cara Mudah Membuat Gambar Header Blog, kita juga bissa membuat gambar header blog denga mudah hanya dengan beberapa langkah, tentunya ini bertujuan untuk memperindah tampilan blog yang kita miliki. 
Agar Header blog sesuai dengan ukuran blog anda, anda bisa membuat gambar dengan ukuran yang sama dengan ukuran lebar blog anda. Bagaiman mencari ukuran lebar blog ? Anda bisa menemukan jawabannya dengan membaca postingan Cara Mudah Mengubah Ukuran Halaman Blog. Pada posting kali ini saya akan admin Khocet Dot Com akan berbagi dua cara mudah membuat gambar header blog yang semoga bermanfaat bagi sahabat blogger semua. 

Cara Pertama :


Cara Membuat Gambar Header Blog (2)

Login ke blog anda lalu pilih Template dan pilih Edit HTML kemudian cari kode #header-wrapper.
Agar cepet menemukan kode tersebut tekan Ctrl+F (fine) pada keyboard anda. Setelah ketemu tambahkan kode berikut : 
{background:url(http://1.bp.blogspot.com/-5knbBSVlE7E/T8Y0-16NA3I/AAAAAAAAADE/l7XuXgrCvfc/s1600/header.jpg)repeat-x bottom;width:980px;height:110px;} 
sehingga menjadi :
#header-wrapper{background:url(http://1.bp.blogspot.com/-5knbBSVlE7E/T8Y0-16NA3I/AAAAAAAAADE/l7XuXgrCvfc/s1600/header.jpg)repeat-x bottom;width:980px;height:110px;}
Setelah diedit, simpan template anda.

Keterangan: tulisan berwarna merah adalah link gambar header yang digunakan, width:980px adalah lebar header, sedangkan height:110px adalah tinggi gambar header yang digunakan. Jika gambar yang akan anda gunakan memiliki tinggi 200px, maka ubah ukuran height menjadi 200px. 




Cara Kedua
Login ke blog dan pilih Layout kemudian pada bagiah header pilih Edit. Selanjutnya anda tinggal upload gambar yang akan anda gunakan sebagai header blog anda.

Cara Membuat Gambar Header Blog (2)

Write By : Khocet Dot Com ~ Panduan Gratis Adobe Photoshop,Blog,Puisi,Ragam Tips,Dan Bahan Ajar

Article : Cara Membuat Gambar Header Blog (2) Post By : Khocet Dot Com
Terimakasih atas kunjungan serta kesediaan Anda membaca artikel ini. Kritik yang membangun serta pertanyaan dan saran dapat anda tuliskan melalui kotak komentar,semoga bermanfaat
Share this article :

8 comments:

  1. Tutorialnya sangat bermanfaat, karena saya masih belum terbiasa dengan tampilan blogger.com yang baru...

    ReplyDelete
  2. kalau berkenan kunjungan balik gan,,,, thankz dan follow my blog, pasti aku follow back

    ReplyDelete
  3. bermanfaat nih mas info nya..berguna buat mempercantik tampilan blog baru ane..trims n salam..

    ReplyDelete
  4. thanks bro, atas tutorialnya

    ReplyDelete
  5. trims bos ini sangat bermanfa'at buat pengetahuan saya www.westindonesia.com

    ReplyDelete
  6. mas mau tanya

    saya mau mencoba cara yang kedua. tapi masalahnya

    di template saya tidak ada header untuk inset gambar itu. nah lalu cara nambahinya gemana ya

    yang ada cuman menu favicon.

    mohon bantuannya mas\
    kirim ke albarnation@gmail.com

    ya mas,

    makasih

    ReplyDelete
  7. artkelnya bermnfaat skle

    ReplyDelete
  8. BAGUS BANGET MAS ILMUNYA.. tks all gan...
    dah ane trapin ni di blog amatiran ane.. maklum masih baru gan hehee..
    jangan lupa ziarah ya gan ke blog ane..
    http://maubacabaewis.blogspot.com/

    ReplyDelete

 

Design By : Khocet Dot Com
Powered by Blogger