"MCHOYBLOGINFO". Diberdayakan oleh Blogger.

Cara Membuat Background pada Header Blog

Share on :

Apasih kegunaan header blog kita diberi background ? Kegunaan blog kita diberi background selain untuk memberi kesan menarik tentu membuat iri para pengunjung blog kita heheeheh. Tapi apakah akan membuat blog kita menjadi lamban ? tentu saja tidak benar setelah saya uji di blog saya sendiri menggunakan background pada header blog tidak mempengaruhi lamban atau cepatnya blog kita.

 
Nah gimana tertarik untuk membuat ?gampang kok lihat langkah dibawah ini.
  1. Seperti biasa sobat harus Login dulu di akun blog sobat
  2. Pilih  Rancangan >> Edit HTML
  3. Back Up dulu templatenya untuk berjaga-jaga jika terdapat kesalahan atau eror XHTML
  4. Jangan lupa centang " Expand Widget Template "
  5. Selanjutnya cari kode yang depanya #header-wrapper{ copy paste kode script di bawah ini dan masukan ke dalam Script yang kalian cari tadi.  
{width:980px;
  height:120px;
  text-align:left;
  background:url(URL Gambar Sobat) no-repeat;}

Contoh Script yang akan diganti, jika tidak ada cari yang mendekati.

  
  #header-wrapper{width:950px;margin:0px auto 0px;height:129px;padding:15px 
  0px;overflow:hidden;}
 

Maka jika sudah diganti akan menjadi seperti ini.

  #header-wrapper{width:950px;
  height:129px;
  text-align:left;
  background:url(http://i49.tinypic.com/25s6cf4.jpg) no-repeat;}

    6. Save Template nya.

nb : Sesuaikan Lebar dan Tinggi gambar yang akan dibuat untuk background header, jika
      header memiliki width:980px; height:120px; . Berarti gambar kalian maksimal 
      memiliki ukuran seperti ukuran header blog sobat  

Gimana mudahkan tanpa ribet, jika masih kurang paham komentar saja 
Selamat Mencoba Semoga berguna bagi Sobat....

Info Wisata

 photo freebanner_zps107bd00d.gif Info Hub. 0899 8 933339 Rumah Subsidi

Pengikut

Related Post

Arsip Blog

Info Musik