Bangiz - Setelah sebelumnya saya share tentang Cara Menghilangkan Semua Underline / Garis Bawah Link di Blog dan Membuat Breadcrumb Terindeks Oleh Google. Bagi yang ingin tahu silahkan klik saja linknya. Buat Anda yang sedang merenovasi blog khususnya yang ingin mengubah tampilan header blog, Ada baiknya Anda ketahui dulu lebar dan tinggi dari header blog yang Anda punya. Oke langsung saja ikuti caranya sebagai berikut:

header blog
Header blog
1. Masuk ke Dashboard Blogger > Pilih blog

2. Pilih Template

3. Pilih Edit HTML

4. Kemudian cari kode di bawah (gunakan Ctrl + F untuk memudahkan pencarian)
#header-wrapper 
5. Selanjutnya Anda akan menemukan kode berikut ini: 
#header-wrapper { 
width:900px;             
height:120px;            
Keterangan:
Dari gambar di atas, kita sudah lihat kalau lebar headernya 900px dan lebarnya 120px. Jika angka tersebut kurang sesuai maka Anda tinggal merubahnyasaja.

Selanjutnya jika Anda ingin membuat gambar untuk header, usahakan lebar dan tingginya sama dengan lebar dan tinggi header Anda tadi. Silahkan buat gambar yang sesuai dengan blog Anda, untuk softwarenya bisa disesuaikan dengan kemampuan Anda. Ada Photoshop, CorelDraw, PhotoScape atau yang lainnya. 

Sebelumnya perlu Anda ketahui bahwa saat ini banyak sekali jenis header untuk blog tentunya dengan ukuran yang bermacam-macam juga. Jika Anda tidak menemukan kode seperti di atas maka cari dengan kata kunci "header" tanpa tanda. Dengan begitu semua kode yang berhubungan dengan header akan muncul. 

Jadi apabila Anda tidak ingin menggunakan gambar untuk header, Anda bisa menggunakan huruf yang sesuai untuk judul blog Anda. Begitu juga dengan ukuran huruf, warna huruf, background, gradien dan sebagainya. Bangiz hanya menyarankan supaya Anda harus jeli dalam membaca kode supaya perubahan yang Anda lakukan itu tepat sasarannya.

Untuk kode warna silahkan lihat disini  atau disini

Selamat mencoba!!!

Loading...

Post a Comment Blogger

  1. infonya menarik dan nambah ilmu juga nih.Ok ...jangan lupa mampir
    juga ke lapak ane di:
    http://blogerasmuri.blogspot.com
    Terima kasih.

    ReplyDelete
  2. Lumayan nambah ilmu :)
    Kunjung balik yah :

    Http://upi-Jkt48.blogspot.com/

    ReplyDelete
  3. thanks infonya gan :)
    http://minfone.blogspot.com

    ReplyDelete
  4. terima kasih, saya bingung brapa ukuran header saya untungnya ada artikel ini sekali lagi arigatou gosaimasu

    ReplyDelete
  5. Berarti tinggal memperhatikan kode header tinggi dan lebarnya.

    ReplyDelete
  6. thank gan,, mantap ni saya mo coba...

    ReplyDelete
  7. saya coba gan, mau pasang iklan mandiri soalnya!!! thanks infonya

    salam : http://profesor-for-all.blogspot.com/

    ReplyDelete
  8. good informasi gan

    http://yudis-tiro15.blogspot.com

    ReplyDelete
  9. Info yang bermanfaat gan, sukses selalu

    Kunjungi juga:
    http://satores.blogspot.com

    ReplyDelete
  10. Akhirnya ketemu juga :), berguna bagi saya yg baru belajar :)

    Terima Kasih gan.

    ReplyDelete
  11. di edit html saya gada ya code
    #header-wrapper nya.."
    apa karna sebelum nya sdh saya di edit html nya atau mngkn sdh ke hapus.
    ada cara lain engga gan"makasih"

    ReplyDelete
    Replies
    1. untuk template yang agan gunakan carinya kode .header-outer
      silahkan coba copy kode berikut:
      .header-outer {width:900px; height:120px;}

      paste diatas kode .Header h1
      semoga berhasil

      Delete
  12. thanks gan infonya.. mampir juga diblog ane http://ryasindra.blogspot.com

    ReplyDelete
  13. ini yg ane cari, makasih infonya gan. Silahkan mampir http://tuturahmad.blogspot.co.id/

    ReplyDelete
  14. ijin coba tutornya gan...
    balik add G+ dan mampir ke mari ya : http://christianfridhobenz.blogspot.co.id/

    ReplyDelete

 
Top