November 10, 2012

How to Add a Background Image to Your Blogger Blog


Would you like to change the background image on your Blogger blog, but you are not sure how to do it? Here is a simple 6-step tutorial, explaining this in an easy to follow and an easy to apply manner.

Step 1.

Find the background that you want to use. Save it on an easy-to-find location on your computer, like the desktop.

Step 2.

Upload the background to an image hosting site. A good one to use is tinypic.com. The reason it is good is that it requires no registration, so it is really fast.

Step 3.

Once you've uploaded the image to tinypic.com, you'll get a screen that says "Share This Image". Copy the code under "Direct Link for Layouts", marked below:

Step 4.

Go to your Blogger dashboard, and click on Design >> Edit HTML. Download a backup of your template. This is very important, if you make a mistake, you can just upload the saved backup of your template.

Step 5.

Edit the code of your Blogger Template. It is really simple, even for complete beginners. In your browser, hit CTRL and "F" to open up a "find" utility. 

Below is a screenshot of the "find" function in Google Chrome:


Paste this text in the search bar that you've just opened:

body{

and hit ENTER (RETURN).

The browser will locate and highlight the place in your template that has "body{", as shown below.



Now just under this highighted "body{" bit of code, insert this line:

background:url(put the copied code from tinypic here)

Step 6.


Save your template, and you've done. Now open a new tab in your browser and check out your blog.

If you have any questions, comments, or ideas on how to make this tutorial better, please let us know in the comments section.

No comments:

Post a Comment