Cara Mudah Mengubah Gambar Header Pada Blog | NIGHT002

NIGHT002 - Haloo Kawan setia Night002  di malam hari ini saya akan kembali berbagi kepada Anda seputar dunia blogger yaitu : Cara Mudah Mengubah Gambar Header Blog | NIGHT002. Tutorial ini digunakan para blogger untuk mempercantik / memperindah blog mereka dengan cara menyisipkan gambar mereka di atas / header blog merek masing - masing seperti halnya blog ini, coba Anda lihat gambar yang di paling atas blog ini, nah kurang lebih kami akan membahas tentang itu semua, mari kita simak bersama tutorial berikut ini :


Gambar Header memang cocok bagi Anda yang sering mempercantik blog Anda, ibarat mempercantik diri sendiri, blog juga harus di percantik menggunakan gambar header yang keren, elegant, ataupun menarik.

Mari kita langsung menuju tutorialnya.
Saya akan berikan dua cara untuk mengganti atau mengubah header blog dengan cepat dan mudah tentunya saya akan mulai dengan yang paling mudah dulu yaitu :

Tutorial : Cara Mudah Mengubah Gambar Header Blog | NIGHT002  #Bagian Pertama ( 1 ) melalui Tata Letak blog Anda.

• Seperti biasa silahkan Anda login ke blogger.
• Masuk ke Tata Letak.
• Lihat di bagian paling atas di halaman Tata Letak ada kolom yang bernama Header silahkan Anda klik Edit dan upload gambar Anda lalu simpan.
• Selesai.
• Cara mengatasi judul blog yang menghalangi pemandangan Header, silahkan Anda ganti color / background color headernya menjadi transparent.
  

Tutorial :

• Login blog seperti biasa.
• Masuk ke halaman template > Edit HTML.
• Cari kode header menggunakan CTRL + F.
• Setelah ketemu silahkan cari scriptnya yang mengarah ke title dan description.
• di setiap template blog pasti berbeda - beda cara penulisannya tetapi saya akan berikan contoh saja.
  
  script sebelum di ganti :
  
  #header h1 a,#header h1.title a:hover{color:#FFFFF;text-decoration:none;}
  #header .description{color:#FFFFF;font:12px Open Sans;text-shadow:none;}
  
  script sesudah di ganti :

#header h1 a,#header h1.title a:hover{color:transparent;text-decoration:none;}
#header .description{color:transparent;font:12px Open Sans;text-shadow:none;}

• Kurang lebih cara penulisan scriptnya seperti itu. Ubah saja kode warna Anda menjadi transparent, jika kurang jelas lihat gambar script yang ada di blog saya :

• Setelah itu silahkan Anda save template dan lihat hasilnya, jika ada kesulitan silahkan berkomentar insyaallah saya akan membalas komentar Anda.

Selesai, semoga tutorial di atas bisa membantu Anda menemukan pencerahan, artikel di atas masih belum sempurnam karen masih ada 1 tutorial lagi yaitu menggunakan Edit HTML next time akan saya perbaharui, Terima Kasih.

Regards,

Admin NIGHT002

Share :

Facebook Google+ Twitter