Tutorial

The background image

We can implement the background image by searching for

body

{

and paste the following coding right after {

background-color:#4A4344;

background-image: url(http://i821.photobucket.com/albums/zz136/sinfei87/background.jpg);

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

With this coding, u would have static background that wont move when u scroll down the page.

The header

To implement a header image, go to Layout->Page elements, then can upload the image to the header. The size of the header is better to be set at 660x150 pixels.

Also, the header image can be uploaded to the Photobucket and can copy the link of the image from the web.

Button

As from the previous ‘lecture’, we had created the button from the photoshop.

And paste the link the below coding right above .

http://sinfeiwee.blogspot.com'>http://i821.photobucket.com/albums/zz136/sinfei87/th_home.gif' width='100'/>

http://sinfeiwee.blogspot.com/2009/09/my-designs.html'>http://i821.photobucket.com/albums/zz136/sinfei87/th_design.gif' width='100'/>

http://picasaweb.google.com/RetaDeLarge/SunsetsFromPerthOntarioCanada#5092330521585883618'>'http://i821.photobucket.com/albums/zz136/sinfei87/th_photo.gif' width='100'/>

://www.blogger.com/profile/13040057353826978815'>http://i821.photobucket.com/albums/zz136/sinfei87/th_profile.gif' width='130'/>

U can change my blog address to yours and also the image address.

U can get a copy of the template design at http://cid-f23c4637ca5fc182.skydrive.live.com/self.aspx/Blog%20Design/Template.pdf

For The tutorial of how to produce a bookmark and how to draw a ketupat, u can refer to the tutorial at http://cid-f23c4637ca5fc182.skydrive.live.com/self.aspx/Blog%20Design/Photoshop%20Tutorial%20for%20Hari%20Raya%20Bookmark.pdf