TUTORIAL: main body ada background

Baca Juga

salam semuanya , tadi kat fanpage facebook una ade yang tanya how una buat main body ade background :) kalau tengok main body una kan ade corak2 gitu ? hahaha :) soo , let we start :

WASHED DENIM TEMPLATE

first korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget and search for this code 

#content-wrapper {

lepas tuh copy code kat bawah nie dan paste kan dekat bawah code di atas .

background : url(BACKGROUND IMAGE);

CONTOH CODING :

next caru code yang bawah nie pulak kayy ?

.sidebar h2 {

then korunk nampak ade anak-anak code kan ? korunk tambah je code yang una bagi nie dekat bawah code di atas :

background : url(BACKGROUND IMAGE);

 CONTOH CODING :

lepas dah buat semua tuh korunk pergi ke :

#main-wrapper {

then korunk tengok background-color yang #FFFFFF tuh korunk gantikan dengan perkataan transparent , lepas tuh search :

#sidebar-wrapper {

yang nie pun korunk buat bnda yang sama mcm kat atas nie :)

SIMPLE TEMPLATE

first korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget and search for this code 

.main-inner {

dah jumpa korunk masuk kan jer code yang una bagi nie kat bawah dia :) then cuba preview , jadi takk ? kalau jadi ! save jer kayy

background : url(BACKGROUND IMAGE);

 URL BACKGROUND FREE UNTUK KORUNK :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5O6qlYh2dktwojHhHQThbtP27pOrg8V-tVqusZ5lD3q0HrMkLFK3avhbaUE63fzeVwxSOoeJ6aRMlIwIDi1GoNmLgy3GjCxyijfuzzN84WYC9DWD-EVlbJf6MMENuGiDXDGlDwYqPPHQ/s1600/backgroundbody+%25281%2529.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgZoHmI16dwC6LyiKzQQZYit7kfvXSdUNPfuHFFBjKQce6xiz8FufYl98ON6JAEUgjakZGJWQB7fK_N9_yUWQkJLEe-HkODCC9cJF0NhgEfXNiFx21bkFnTSpPNPz3cLjVXLS-WSwT4qNH/s1600/backgroundbody+%25282%2529.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVrpGI5XGwDp-HRzKOS0wn7y_y3nnAeHQsyQ9W5nAkoZvmgqtj_5YR3H_adk6a4xFXHC8Nsj7hgTBqsruKZV4SDeT9MYSyf7A-TflOUPJqq7xZurcLC7Gmh-tQ9JC2aCqLWev9WvJF6D8/s1600/backgroundbody%25283%2529.png

nota kecil :

tengok coding tuh elok2 kayy ? tak faham tanya je kayy ?

Subscribe to receive free email updates: