English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
You are here: Home » » Cara Memasang Gambar pada Header Blog

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 ^_^

3 komentar:

  1. terima kasih gan untuk tipsnya :)
    blogwalking Surya Personal Blog

    BalasHapus
  2. keren artikelnya
    rijal09.blogspot.com

    BalasHapus
  3. http://www.seogua.com/ semoga semua kita bisa saling membantu

    BalasHapus

Berlangganan Artikel Blogger Tutorial Melalui EMail. GRATIS!!
Masukkan Alamat Email Anda di Sini

...::: http://blogtutorials-01.blogspot.com :::...