Different backgrounds in each post! ~ Dummies Guide to Google Blogger Beta

Labels Classified.

open all | close all

Different backgrounds in each post!

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

A background put in your blog serves as a sort of branding for your blog. For example if it is a travel blog a background picture of the Eiffel Tower can serve very well. You can also have transparent backgrounds in your blog over which the blog text scrolls.



What if your blog posts are on different topics? Then you can put a different picture as the background for each post.......





SOURCE THE PICTURE


First step is to search for an appropriate picture for your post. Use Google to search for copyright free images.



UPLOAD PICTURE TO FREE HOSTING


Next step is to upload the picture to a free web host and copy down the link. You can use Googlepages or Photobucket.com for this.



PUT CODE IN POST TEMPLATE


1. Login at Blogger.com.

2. Click on Settings link on the Dashboard.

3. Click on the Formatting subtab of the Settings tab.

4. Scroll down in the Formatting tab to the Post Template at the bottom.

5. Paste this code at the top of the box :

<div style="background:url(LINK_OF_PICTURE) no-repeat;">

and paste this code at the bottom of the box :

</div>

6. Save Settings.

7. Click on Posting tab at the top.

8. The Post Editor will open with the code already in it.

9. Replace 'LINK_OF_PICTURE' with actual link of the picture uploaded to your free host. If you do not want the picture to repeat delete the "no-repeat" in the code line.

Type in your post before the </div> tag at the bottom, give it a Title and Publish.


See the example in this post.

Enjoy!!


1 comments:

Lady Vankovic said...

Awesome post. I was scared to try it because it was dealing with htlms but hey this was easy. Im a new blogger. My blog is awesome because I read all your stuff first. Youre great. Go Indians!!!

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Dummies Guide to Google Blogger Beta Dummies Guide to Google Blogger Beta Dummies Guide to Google Blogger Beta

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.