How To Add Together Unlike Backgrounds Inward Blogger Pages

In the final tutorial, nosotros convey seen how to add together dissimilar backgrounds inwards Blogger posts. This tutorial, however, volition exhibit yous how to apply a dissimilar background to the trunk of the template that volition alter when navigating on specific pages, so making each of these pages convey their ain unique pattern too personality.

To come across a demo, view this demo spider web log too click on the card tabs:

how to add together dissimilar backgrounds inwards Blogger posts How to Add Different Backgrounds In Blogger Pages

Demo Blog

Apply a Different Background inwards Blogger Posts/Pages

Step 1. Log inwards to your Blogger account, so larn to "Template" too hitting the "Edit HTML" button

Step 2. Click anywhere within the code expanse too press the CTRL + F keys to opened upwards the search box

Step 3. Type the tag below within the search box too hitting Enter to honour it:

</head>

Step 4. Just higher upwards the </head> tag, glue the next CSS agency amongst the b:if conditional tags that volition apply the agency to the chosen page:

<b:if cond='data:blog.url == "http://address.com/page-name.html"'>
<style>
trunk {
    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 inwards a Specific Page

change /search?q=how-to-add-different-background-color">country specific url; inwards this case, yous may need to edit the spider web log address so that it ends amongst .com
change http://DIRECT_LINK_TO_BACKGROUND_IMAGE.com/IMAGE.JPG amongst the straight link of the background ikon that yous desire to use.

Step 5. Hit the 'Save template' push too you're done. Now, view the page too banking concern represent to come across if the background has changed. If yous desire to alter the background inwards approximately other Blogger page, repeat the steps from above.