>

Tuesday, December 11, 2012

Image Sendiri Tuk Background Blog


Assalamualaikum semua J



Achievement skill unlock again~!!
Ok, korang pernah tak hadapi masalah nak guna gambar sendiri untuk buat latar belakang (background) blog yang secara penuh punya??
Ahaaa, sama la dengan anna aQilah@ aLong (saya)..dah berapa tahun(tak sampai seminggu kot)  dok menyapa abang kakak Google tu haa..
Yang ni, aQ (anna aQilah) buat sendiri..tengok orang lain punya contoh, then cuba godam blog sendiri plak..hehe..
Sila rujuk tapak demi tapak di bawah :
1.           Buka template> edit HTML 
2.         Cari :
/* Content
----------------------------------------------- */
body {
 font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}
3.         Padamkan perkataan yang telah diwarnakan dan gantikan dengan kod di bawah :
url(URL GAMBAR) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

4.        Hasil akan menjadi seperti :
/* Content
----------------------------------------------- */
body {
url(URL IMAGE KORANG) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
5.       Lepas tu korang pergi kat Layout> add gadget> HTML/javascript

6.       Letak kod :
 <style type="text/css">body {background-image: url(URL IMAGE YG SAMA DI EDIT HTML TADI); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>
7.       Selesai~! <3

 Yang image URL tu, pandai2 korang la nak upload kat mana.. tapi kalau aQ (anna aQilah), aQ suka guna POSTIAMGE.ORG ..mudah, senang dan tak yah nak register.. 



Good Luck~!

No comments:

Post a Comment