Liked

Pin It

Different Background For Particular Page Or Post


You might have noticed during surfing that at some sites and blogs have different background images different from Home Page. The reason is that they have separate background image attached with particular post or page. You can easily add different background images at your blog. Visit here to see how a page of this blog associated with different background image. Before editing your template it is wise to take a back up of existing template at your local hard disk, Learn how to take a back up file, here 
Note:-Be careful to add any codes or modify existing codes at html mode of template, any wrong space, quotation mark can a result of serious problem, so take a preview before saving template.


How to change body background-

1. Log in Blogger Dashboard.
2. Enter in Design » Edit Html » Expand Widget Template.
3. Now search out </head>  in your template. For fast searching hit Ctrl + F, by using search function of your browser.
4. Now just before </head>   paste codes-


<b:if cond='data:blog.url == &quot;URL of your post or page&quot;'><style>body {background-image: url(Source link address of your Desired background image);background-position: center; background-repeat:repeat; background-attachment: fixed;}</style></b:if>

5. Now replace URL of your post or page  with the public URL address of your desired page or post. 
6. Replace Source link address of your Desired background image with direct link of your desired background image. You can upload your image at some free image hosting sites suck like Photobucket or so on and take direct link of image. 



How to Change only post area background-

To change background image only at post area, use this one-


<b:if cond='data:blog.url == &quot;URL of your post or page&quot;'><style>.post {background-image: url(Source link address of your Desired background image);background-position: center; background-repeat:repeat; background-attachment: fixed;}</style></b:if>

 Replace two things, URL address of page or post and direct link of background image. Take a preview and save your template to finish the process. Now your desired page or post has a separate background image !

I think that this information will help you to make your blog more attractive. If you have any question please ask to free.

If You Found Something Useful, Then Kindly share This Now:
Technorati Digg This Stumble Stumble Facebook Twitter
साँझा करें Share It Now !
StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google Twitter FaceBook

Comments
0 Comments

0 comments:

Post a Comment

Your Suggestions are valuable for me.

FeedBurner Updates

 

Thanks for Your Arrival !

Followers

Your Precious Arrival

© 2011-2013. Mast Blog Tips All Rights Reserved Arvind Jangid, Sikar, Rajasthan. Template by Mast Blog Tips | Back To Top |