Jumat, 05 Oktober 2012

Cara Memasang Gambar pada Header Blog


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 Rancanganbuka 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. 

  1. 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 tutorial mengenai Cara Memasang Gambar pada Header Blog.  zekasharing.blogspot.com

Tidak ada komentar:

Posting Komentar