Wednesday, February 23, 2011

Tutorial Background Image

nak buat background image ikut citarasa sendiri kat blog..? senang je tu..hehehe k,ikut jer langkah2 yg aku ajar ni,insyallah menjadilah tu nanti..

1. klik dashboard > klik design > klik edit HTML (tak yah klik Expand Widget Templates)

2. korang scroll kat dlm HTML tu sampai jumpa kod ni body {
(utk nk memudahkan pencarian kod tu,korang tekan Ctrl+F,korang taip jer body { kat kotak pencarian tu ok..

3. dh jumpa kod tu tadi,korang copy jer kod yg aku highlight warna merah,paste kat korang punya HTML

cth :

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
background-image: url(url address of your image); background-repeat: no-repeat; background-position: center center; background-attachment: fixed;
{

4.tapi sebelum korang buat ni,pastikan korang standby image yg nak di copy kat (url address of your image) tu..

5.mcm mana nk dapatkan image..?bukak jer google,carik image yg korang suka then copy url nyer..pastikan copy dr perkataan http cth : http://adsoftheworld.com/files/images/baby-ronald.jpg

6.siap dah..kalau korang dh boring ngan background image yg dh ada,tukarlah sekarang..mcm aku,ntah dh berapa kali aku tukar background..hehehehe...

7.kalau x faham lagi,leh tanya..

*ni pembelajaran pertama yg aku nk share ngan korang..ada masa lagi,aku post kan pulak tutorial lain ea..aku pun budak baru belajar,byk lagi yg nak aku explore utk jd blogger yg gojes..hehe..(",)

No comments: