Saturday, April 14, 2012

How to Add Different Backgrounds In Blogger Pages

In the last tutorial, you learnt How to Add Different Backgrounds in Blogger Posts. Now this tutorial, will show you how you can have a different background for each of your page, thus giving your pages their own unique look. 



How to Add Different Background In Blogger Posts/Pages

Step 1. Log in to your Blogger Dashboard, then go to Template > Edit HTML.



Step 2. Select "Expand Widget Templates"

Step 3. Search (CTRL + F) for this tag:


</head>

Step 4. Just above the </head> tag, paste this code:

<b:if cond='data:blog.url == &quot;http://POST-OR-PAGE-URL.html&quot;'>
<style>
body {
background-image: url(http://DIRECT_LINK_TO_BACKGROUND_IMAGE.com/IMAGE.JPG);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>

Note:
  • Change: http://POST-OR-PAGE-URL.html with the URL address of your blogger post or page where you want the custom background to appear.
  • Change: http://DIRECT_LINK_TO_BACKGROUND_IMAGE.com/IMAGE.JPG with the direct link of your background image.

Step 5. Click on SAVE TEMPLATE and you're done.


adsense
 
 
Copyright © blog
Blogger Theme by Blogger Designed and Optimized by Tipseo