How to Add Different Backgrounds In Blogger Pages

In the last tutorial, we have seen how to add different backgrounds in Blogger posts. This tutorial, however, will show you how to apply a different background to the body of the template that will change when navigating to specific pages, thus making each of these pages have their own unique design and personality.

To see a demo, visit this demo blog and click on the menu tabs:

Demo Blog

Apply a Different Background in Blogger Posts/Pages

Step 1. Log in to your Blogger account, then go to Template and hit the 'Edit HTML' button

Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box

Step 3. Type this tag insite the search box and hit Enter to find it:

</head>

Step 4. Just above the </head> tag, paste the following CSS style with the b:if conditional tags that will apply the style to the chosen page:

<b:if cond='data:blog.url == &quot;http://address.com/page-name.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>

Custom Background in a Specific Page

- change http://address.com/page-name.html with the URL address of your blogger post or page where you want to apply the custom background. If you don't have a domain, your blog might be redirected to a country specific url; in this case, you may need to edit the blog address so that it ends with .com

- change http://DIRECT_LINK_TO_BACKGROUND_IMAGE.com/IMAGE.JPG with the direct link of the background image that you want to use.

Step 5. Hit the 'Save template' button and you're done. Now, visit the page and check to see if the background has changed. If you want to change the background in another Blogger page, repeat the steps from above.

SEO Mortgage Insurance Trading Tourism or Travel Digital Photography structured settlements annuities Technology Blogs Recovery domains yahoo How much to sell domain name for Blogs Based On Donations mesothelioma attorneys california Rehab Loans iPage Conference Call structured settlement buyer Credit Software Technology Lawyer · Car Accident Lawyers Classes Transfer Donate Donate Car for Tax Credit Forex Trading Mesothelioma Law Firm Hosting Politics CRIMINAL DEFENSE ATTORNEY PALM BEACH Coupons Student Loans Fastest VPS hosting Claim WebHostingHub Treatment · World Trade Center Footage Attormey Cord Blood Degree SELLING A STRUCTURED SETTLEMENT ANNUITY · Mortgage Adviser Gas/Electricity ANNUITY SETTLEMENT Donate your car Sacramento Geographical Location of the Visitors DAYTON FREIGHT LINES Attomey benchmark lending Donate Car to Charity California STRUCTURED ANNUITY SETTLEMENT NUNAVUT CULTURE Bluehost mesothelioma survival rates structured settlement annuity companies Online Making Money mesothelioma claim mesothelioma suit small business administration sba Fashion and Design