0
In this post techniq.in is going to discuss to add background image to blogger posts. How to change background of blog posts. By doing this you can change the look of your post better. many people wants to change the background image , but they enable to do this .
Here you can do this easily...by changing the background area of only your post .

PROCEDURE :-


  • Click 'Layout'-->'Edit html' For your blog
  • Find the following piece of code in your blogs html:
    (Click 'CTRL F' on your keyboard for a search box to help find code)
  • Search for        #main-wrapper {
  • Now you will see the code like this
  •  #main-wrapper {
    float: left;
    width: 486px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
  • Now add the code just below the #main-wrapper {
  • background:url(PUT IMAGE URL HERE) repeat top right;
    /* background-attachment: fixed; */
 
  • Replace the text 'PUT IMAGE URL HERE' above with the URL of your image.
 
#main-wrapper {
background:url(http://yourimage.com/image.jpg) repeat top right;
/* background-attachment: fixed; */
float: left;
width: 486px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}



NOTE: CHANGE THE PUT IMAGE URL WITH YOUR IMAGE URL


NOW YOU CAN CHANGE THE BACKGROUND IMAGE OF YOUR BLOG POST.
FOLLOW US ON FACEBOOK (WWW.FACEBOOK.COM/TECHNIQ.IN)

Post a Comment

 
Top