Tutorial: Body ada background

(click utk jd GIANT)

Okey in this tuto, haa u'all npk x ap yg nes try tnjuk kt gmba ats tuw?? Okey if x phm let me explain k ;))..

If u'all besa kan gmba ats tuw, u'all akn npk body blog nes wrna putih then ad bintik2, right?? Haa tuw la yg nes akn aja mcm mne nk wat for tuto kli niy hee ^_^.. Btw, tuto niy blh d buat pd pngguna WASHED DENIM n SIMPLE TEMPLATE..

WASHED DENIM

1st step:

Go to DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET.. Now search pla for this code..

#content-wraper {

2nd step:

Dah jpe?? Kat bwh die ad code mcm niy, right??

 width: 900px;
margin: 0 auto;
padding:15px;
text-align: $startSide;
background : url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif
);
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}

 MERAH: Blh tukar dgn url image yg u'all nk ltak.. Tmpat yg sng nk cari kt google image je :'DD

3rd step:

Cari pla code kt bwh niy k..

.sidebar .widget-content { 

4th step:

Dh jmpe then u'all copy code kt bwh niy then paste kt bwh die k..

 background : url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif);

MERAH: Ltak url image yg u'all nk ;))

5th step:

Okey now cari pla code kt bwh niy k..

#main-wrapper {

6th step:

Now u'all akn jpe code mcm niy kan??

 margin-$startSide: 14px;

  width: 608px;

  float: $startSide;

  background-color: #BDBDBD; 

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

MERAH: Make sure yg ni u'all type transparent k..

7th step:

Search pla code niy..

#sidebar-wrapper {

 8th step:

Haa jpa pla code mcm niy kan kan??

margin-$endSide: 14px;

  width: 240px;

  float: $endSide;

  background-color: #BDBDBD;

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float 

MERAH: Tukar kan jga kpd transparent..

Da siap then PREVIEW dlu then SAVE ;))

SIMPLE TEMPLATE

1st step:

Like always pegi ke DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET n search this code..

.main-inner {

2nd step:

Da jpe?? Then u'all copy code bwh niy then paste je kt bwh die k ;))

background : url(BACKGROUND IMAGE);

 PREVIEW dlu n if puas aty bru la SAVE k.. SIAP SUDA :'DD