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

4 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
  4. mantap sekali triknya, maju terus blognya gan
    solder uap

    BalasHapus

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

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