Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Bantu Support Dunia Programming dengan menonaktifkan Adsblock, atau gunakan browser tanpa block iklan, dan jangan lupa klik iklan yang ada disitus ini ya, agar website terus berkembang

Cara Merubah Header Blog Menjadi Gambar

Dunia Programming - Assalamu'alaikum.Wr.Wb, Kebanyakan dari para blogger headernya menggunakan tulisan dan deskripsi dibawah judul blog. akan tetapi mereka semua bertanya,
"Eh iya, bagaimana kalau headernya dirubah menjadi bentuk gambar...? apakah bisa...?"
Jawabannya, sangat bisa sekali tentunya. nah saya akan bahas terlebih dahulu manfaat menggunakan header bergambar lebih baik dari pada hanya sekedar tulisan saja.
Ilustrasi Header 3D

Manfaatnya sangat besar sekali bagi blog kalian, sebab untuk rata-rata blog terkenal sudah banyak menggunakan header bergambar daripada hanya sekedar tulisan misalnya, blog mas sugeng, Tutorial Web Desain, dan masih banyak lagi.

Memang dari segi penglihatan orang, mereka melihatnya jadi lebih enak, dan terkesan hidup.

akan tetapi ada juga yang tidak menggunakan header bergambar, akan tetapi mereka mengutamakan desain template untuk keindahan dan kenyamanan pengunjung.

Tapi, dari cara diatas, loading blog akan semakin berat.

ada juga yang tidak suka keduanya, mereka hanya menggunakan template polosan putih dengan disertai header tulisan saja, tujuan utama mereka yaitu mempercepat loading blognya.

Sebab mereka lebih mengutamakan kenyamanan pengunjung pada saat penelusuran artikel di blognya.

Memang setiap orang memiliki tujuan tersendiri untuk membuat blog, jadi kalian termasuk tipe yang mana...?.

Oke langsung saja kita mulai tutorialonya.

Cara Memasang Header Gambar di Blog


ada dua cara untuk pemasangan header bergambar diblog yaitu :

Pertama - Memasukkan gambar hanya dengan klik > cari > simpan


Cara ini sudah terbilang sangat mudah, tanpa perlu mengotak atik isi script dari blognya, kita sudah bisa menampilkan gambarnya di tempat header.

Caranya : 

1). Klik bagian Tata Letak, Kemudian click edit dibagian (Header).
Langkah Pertama | Cara Pertama

2). Kemudian cari gambar yang mau dipasang dibagian header tersebut, setelah itu pilih "Selain judul dan keterangan" agar Tulisan Judul Blog tidak muncul.
Langkah Kedua | Cara Pertama

3). Setelah itu klik simpan, dan lihat hasilnya.
Langkah Ketiga | Cara Pertama

Catatan :
Untuk header model ini, saran saya, gunakan model header yang bergambar tidak kotak full (hanya logo biasa) seperti pada gambar diatas.

Kedua - Memasukkan Link Gambar yang mau dipasang melalui script blog.


Cara ini memang jarang dilakukan oleh para blogger, sebab mereka kebanyakan tidak mengetahui banyak tentang bahasa pemrograman, jadi mereka masih belum paham. Nah mangkanya saya akan mengajari sedikit demi sedikit biar kalian paham betul tentang bahasa pemrograman.

Nah untuk cara ini, bagaimana kalau headernya 2 bagian..? akan tetapi saya hanya mau satu bagian saja khusus full gambar.

Caranya :

1). Ulangi cara pertama, akan tetapi pilih gambar yang full layar.
Langkah Pertama | Cara Kedua

2). Masuk kebagian Template, dan klik Edit HTML.
Langkah Kedua | Cara Kedua

3). Lalu, untuk mempermudah proses pecarian, kita tekan CTRL+F pada keyboard, lalu ketikkan .header atau #header (coba semua).
Langkah Ketiga | Cara Kedua

4). Kalau sudah, kalian bisa lihat terlebih dahulu scriptnya, untuk bagian header-wrapper itu menandakan bungkus dari header.

Nah, yang perlu kita rubah adalah bagian headernya, kita lihat. apakah kalian melihat script width pada bagian #header...?, yap kalau melihat, kalian rubah dengan 100%. setelah itu kalian coba simpan dan refresh. 
Langkah Keempat | Cara Kedua

Bila masih tidak berubah, silahkan buka kembali kode tadi, dan lihat, apakah ada max-width...? kalau benar ada rumah max-width tadi menjadi 100% juga. simpan kemudian lihat.

Bila cara diatas masih gagal, lihat dibagian wrappernya, ukuran width bisa kita rubah 100% juga dan simpan.

dan tampilannya akan nampak seperti dibawah ini. 
Tampilan hasil embuatan Header bergambar

Bagaimana..? sukses...? alhamdulillah, semoga bermanfaat. Jika cara kalian tidak sesuai dengan apa yang saya jelaskan diatas, kalia bisa berkomentar dibagian bawah artikel ini, dan komentar kalian akan segera saya balas cepat, terimakasih.

9 comments for "Cara Merubah Header Blog Menjadi Gambar"

  1. di bookmark dulu om, mau di praktek...

    ReplyDelete
  2. wahh makasih ya gan :) ijin coba sangat bermanfaat

    ReplyDelete
  3. ini ni yang gue cari gan ,thank infonya

    ReplyDelete
  4. wah gt ya jd caranya , saya dulu pernah nyoba tapi gambarnya tidak full jd harus diubah jd 100% dlu ya ?

    ReplyDelete
  5. wah, sayangnya ane pake wordpress gab..

    ReplyDelete
  6. mntep tutornya gan sangat bermanfaat

    ReplyDelete
  7. Nice info gan blog ame tambah cakep niih pakek tutor itu

    ReplyDelete