Cara Memasang Gambar pada Header Blog

By. Dedi Yahya S
 
Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Memasang Gambar pada Header Blog.

Ada beberapa hal yang mesti di perhatikan.

• Ketahui dulu berapa ukuran lebar Header blog kita. Caranya dalam halaman Rancangan buka Edit Html

Kemudian cari kode :

#header-wrapper {width:660px;margin:0 auto 10px;
border:1px solid $bordercolor;
} 

Tulisan yang bergaris bawah di atas merupakan informasi ukuran lebar sebuah header. ( jika di #header-wrapper tidak menemukan ukurannya, bisa saja ukuran Outer-wrapper atau Content-wrapper menjadi patokan ukuran header.)

• Setelah mendapatkan ukuran lebar header , maka cari gambar atau buatlah gambar untuk header kita sesuai ukuran tersebut atau kurang dari ukuran tersebut.
• Jika anda mempunyai sofware Photoshop itu lebih bagus untuk menyimpan gambar dengan resolusi kecil namun berkualitas bagus.

Cara Memasang Gambar pada Header Blogspot :

• Masuk Elemen Rancangan kemudian Klik tombol Edit pada pojok bawah elemen Header
• Lalu akan muncul halaman seperti dibawah ini :

• Tekan link tulisan Browse. kemudian cari gambar yang ada di komputer yang telah kita persiapkan untuk gambar header .
  Setelah memilih gambarnya maka kita melangkah pada halaman berikut ini.

  

Keterangan :  

1. Dibalik judul dan keterangan : jika ini yang kita pilih, maka judul dan Deskripsi/keterangan blog berada bersama gambar. 
2. Selain Judul dan Keterangan : jika ini yang kita pilih, maka judul dan Deskripsi/keterangan blog tidak akan di ikut sertakan ke dalam gambar alias tersembunyi.

• Setelah kita menentukan pemilihan, kemudian kita tekan tombol Simpan Perubahan.
• Lalu pada Elemen Rancangan Klik Simpan.

Demikian blogger tutorial mengenai Cara Memasang Gambar pada Header Blog.


Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^