Add a Different Background Image to Specific Blogger Post/Page

This post will show you how to add a different background to specific post/pages in blogger blogs. Unlike the jQuery Background Slideshow Plugin For Blogger which i shared previously, that can change the background images of all the pages in blogger, this code snippet for changing different background image in each blogger page/post will only change the background images the page it was applied to. This will make the page stand out from the rest on your blog. 

How Apply Different Background Image In Blogger Post/Page

  • From your blogger dashboard,
  • Goto 'template'
  • Click in 'edit html'
  • Search for this tag in your template </head>
  • Copy the following code and paste 'above' </head>

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

In the code above, replace the following:
  • POST-OR-PAGE-URL with the URL address of the page or post whose background you want to change.
  • BACKGROUND-IMAGE-URL with the IMAGE URL of the image.
 Also Read:    How to Add HTML Parse Tool To Blogger
                      How To Centralise Blogger Title And Description
                      How to Add Read More Attribution Links to Copied Text in Blogger
  • Save your template and you've successfully changed the background of the page/post.

Do you like this post? Please link back to this article by copying one of the codes below.

URL Of Post:


HTML Link Code:

BB (forum) link code:

Comments