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.
Agar cepet menemukan kode tersebut tekan Ctrl+F (fine) pada keyboard anda. Setelah ketemu tambahkan kode berikut :
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvrVgS6W2iBecjdWgEsOqMPgsKAcSPxmKCJv4vsBP2a37_Ahea8v53Pp6xFkdhY0juVI-dFGwjnixa65UFhEms12UG4odCI-CcIR7u5lrCLBKsPaamFX1svaIWN-W4s08l8c5Qyz4kgDc/s1600/header.jpg)repeat-x bottom;width:980px;height:110px;}
sehingga menjadi :
#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvrVgS6W2iBecjdWgEsOqMPgsKAcSPxmKCJv4vsBP2a37_Ahea8v53Pp6xFkdhY0juVI-dFGwjnixa65UFhEms12UG4odCI-CcIR7u5lrCLBKsPaamFX1svaIWN-W4s08l8c5Qyz4kgDc/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 :
Tutorialnya sangat bermanfaat, karena saya masih belum terbiasa dengan tampilan blogger.com yang baru...
ReplyDeletekalau berkenan kunjungan balik gan,,,, thankz dan follow my blog, pasti aku follow back
ReplyDeletebermanfaat nih mas info nya..berguna buat mempercantik tampilan blog baru ane..trims n salam..
ReplyDeletethanks bro, atas tutorialnya
ReplyDeletetrims bos ini sangat bermanfa'at buat pengetahuan saya www.westindonesia.com
ReplyDeletemas mau tanya
ReplyDeletesaya 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
artkelnya bermnfaat skle
ReplyDeleteBAGUS BANGET MAS ILMUNYA.. tks all gan...
ReplyDeletedah ane trapin ni di blog amatiran ane.. maklum masih baru gan hehee..
jangan lupa ziarah ya gan ke blog ane..
http://maubacabaewis.blogspot.com/