Sabtu, 09 Maret 2013

Cara Memberi Background pada Header Blog

Halo Sobat SYKC. Malam Minggu enak gini apalagi kalau tidak berbagi informasi untuk para sobat, dari pada keluyuran gak jelas ehm...bla bla bla sudahlah langsung aja ke pokok masalah.

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.


27wywzn 
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 

Sumber : http://fiancahyo.blogspot.com/2013/03/cara-memberi-background-pada-header-blog.html#ixzz2N1m2wEOa

0 komentar:

Poskan Komentar