How to add a twitter like fixed background image to blogger

Ever wanted to add a fixed background to your blog where your background stays fixed even if you scroll. This could be seen in all Twitter pages You can check out the freesoftware-coolsites.blogspot.com blog for the preview of what you are going to get when you are done after following the steps shown below.


Step 1 - Go to a Twitter Profile page and get the permission of the owner to use this background image OR Find a suitable background image with the optimum resolution to fit the blogger page size.


Step 2 - Right Click on the twitter page and View the Page Source.


Step 3 - Copy the background: element seen after the body { tag.
Ex: From IceTweets profile Copy background: #0099B9 url('http://a3.twimg.com/profile_background_images/33368149/
TwitterBG.jpg') fixed no-repeat top left;

Step 4 - Go to the image by pasting the image URL(Shown within Quotes 
above) in the address bar of the browser and Save the Image in you 
computer.


Step 5 - Upload this image to a free image hosting site and copy the URL 
of the Image you uploaded.

Step 6 - Now replace the new image URL with the one shown in Step 3.
Ex: background: #0099B9 url('newImageURL') fixed no-repeat top left;


Step 7 - Now log in to Blogger and go to Layout > Edit HTML and search for the body { tag.


Step 8 - Now replace the existing background: #; element with the new background: #0099B9 url('newImageURL') fixed no-repeat top left; element in Step 6 and Click on 'Save Template' button and then 'View Blog'.


Thats It.. You got your self a cool Twitter like fixed image background for your blog . Congrats....


I would like to see your blogs ones you are done...

How To Create a Blog

In this post I will give the steps on How To Create a Blog on Blogger.com

Step 1 - Go to http://www.blogger.com

Step 2 - Click on the 'Create a Blog' button

Step 3 - If you already have a Google account click on the sign in first link, and sign in to Google.
Step 3 - If you do not have a Google Account fill in the form and Click on 'Continue' button.

Step 4 - In the Name 'Name your blog' page Enter the Blog Title, Blog Address (You need to check if the blog address is used by someone else by clicking on the Check Availability link) and the Verification code and then click on the 'Continue' button.

Step 5 - Select the Template and your Done.

Thats It.. You got your self a blog. Congrats....

Now all you have to do is Create and Publish your posts. Enjoy..