Minggu, 07 Oktober 2012

Cara Mengganti Background Header




Dalam post kali ini saya akan membahas mengenai HEADER diBlog.
Cara Mengganti Background Header itu gampang kalau kita mau belajar,
ada baiknya sebelum agan/sist membaca tutorial Cara Mengganti Background Headersiapkan secangkir kopi & cemilan ^_^ biar mak nyosss!! simak baik-baik langkah2nya
ok bekicot!!

=>Log In ke dasbor blogger > template > EDIT Html > jangan lupa centang Expand widget template

=>cari kode dibawah, klo gak ketemu cari kode yang semirip mungkin menurut agan/sist.
  
   #header-wrapper {
   width:660px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }

=>jika sudah ketemu kodenya, tinggal agan/sist tambahkan background:url(URL gambar);
    contoh seperti ini:

#header-wrapper {
background:url{
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAIfU1ho0YoqZXEYYnza0haL4f31qGlEEmPlR6XGmBSGSOYNUwhgtcL1dwZrIqjH35wN6duPfPdA5jPPLHDyNjAQ7_NVaqP2wyw7P__65J5EnWXUfRJVPpyebkLvGolQ7i-Uaz5CnvzMG-/s1600/background-blog-post-200.png);
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

=>untuk URL gambar agan/sist cari dulu gambar yang mau dipasang jadi background, ukuran terserah  deh, tapi saya sarankan formatnya PNG supaya hasilnya bagus
untuk mendapatkan URL gambarnya silahkan Upload photo ke photobucket ,piccasa atau hosting lainnya.
klo sudah diganti URL gambarnya,
=>Langkah terakhir yang cukup mudah agan/sist lakukan adalah
Save/Simpan template. ^_^

>>Semoga Bisa Membantu buat agan/sist.
~SELAMAT MENCOBA~

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...