Sunday, November 1, 2015
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 == "POST-OR-PAGE-URL"'>
<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.
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.
