Add a Different Background Image to Specific Blogger Post/Page andrey четверг, 1 января 2015 г. No Comment

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. 

Also Read: jQuery Animated Page Loading Effect For Blogger Blogs

                   How to Customize Labels Cloud Gadget In Blogger

                   How to Add 'Link to This Post Widget' For Blogger

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
• Copy the following code and paste 'above'

 cond='data:blog.url == "POST-OR-PAGE-URL"'>

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.

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. 

Also Read: jQuery Animated Page Loading Effect For Blogger Blogs

                   How to Customize Labels Cloud Gadget In Blogger

                   How to Add 'Link to This Post Widget' For Blogger

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
• Copy the following code and paste 'above'

 cond='data:blog.url == "POST-OR-PAGE-URL"'>

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.

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Без рубрики