How To Use Different Background For Different Pages On Blogger

How To Use Different Background For Different Pages On Blogger

Today, We will see how to set different background for different pages(static pages) on Blogspot.
Static pages were introduced by Google Blogger very long back which allows you to create your own HTML pages with complete control on customization. Blogger allows us to customize the backgrounds of these static pages as well.

We can set different background images for different pages on your blog making it look special and cool on each and every page the users visit.
Without wasting any more time on this, lets go to the implementation part.

Steps to set different background for different pages:
1. Go to Dashboard > Template > Edit HTML
2. Search for
(use Ctrl+F)
3. Right above paste the following code:

<b:if cond=’data:blog.url == &quot;http://YOURBLOG.blogspot.com/p/PAGE.html&quot;’>
<style>
body {background-image: url(HTTP://BACKGROUND-IMAGE-URL-HERE.JPG);background-position: center; background-repeat:repeat; background-attachment: fixed;}
</style>
</b:if>

4. Save the Template!!

Before coming out of HTML editing..customize it..
Customization:
1. http://YOURBLOG.blogspot.com/p/PAGE.html
Replace this with Your static page URL.

2. HTTP://BACKGROUND-IMAGE-URL-HERE.JPG
Replace this with the background image URL, either uploaded on Blogger or from a free resource outside.
Remember that the background images may be copyrighted, so please choose it from a free source to use it as background.

You are done!! Save the template again..


NOTE: Every time you want a different page to have different image, then follow the steps above for every page you wish to set a different background.

Thanks for reading the tutorial.. If anything is not ready to function as mentioned in this tutorial, please do follow up here using comments, will surely help to solve the issue.