Design Update For MONOP Blogger Template

Pin It

Some complained that the footer widget in MONOP Blogger Template is not properly aligned with the rest of the blog post body. I have fix the design alignment with some changes that you can make your self. You just need to make these changes in your templates,

PS: Fresh Copies Sent yesterday do not need to implement this change.

 

1. Go To Blogger > Design > Edit HTML
2. Backup your templates
3. Search for this,

#lower {
    margin:auto;
    padding: 0px 0px 10px 0px;
    width: 960px;
background: #fff url(http://2.bp.blogspot.com/-lKBwD2K3Qcw/TgOmSS4nOAI/AAAAAAAAD74/FquE7VAWQcU/s400/background.gif);
    }
    #lower-wrapper {
  background: #fff url(http://2.bp.blogspot.com/-lKBwD2K3Qcw/TgOmSS4nOAI/AAAAAAAAD74/FquE7VAWQcU/s400/background.gif);
    margin:auto;
    padding: 10px 0px 20px 0px;
    width: 960px;
    border:0;
    }

 

   Replace it with this,

#lower {
    margin:auto;
    padding: 0px 0px 10px 0px;
    width: 960px;
background: #fff;
    }
    #lower-wrapper {
  background: #fff;
    margin:auto;
    padding: 10px 0px 20px 0px;
    width: 960px;
    border:0;
    }
  

 

     4.   Next Find this,

#credits {
    background: #AC0100;
    width: 960px;
    height: 30px;
    margin: 0;
    padding: 0;
   
}

 

and replace it with this,

#credits {
    background: #AC0100;
    width: 960px;
    height: 30px;
    margin-left: 10px;
    padding: 0;
        float:left;
   
}

 

   5. Finally find this code,

 

<div id='credits'>

<!--Removing The Credit Link will be taken as serious Copyright Violation-->

    <p style='float:left; padding-left:10px;'>&#169; 2011. All Rights Reserved | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Template by <a href='http://www.mybloggertricks.com' target='_blank'>Blogger Widgets</a></p>

<p style='float:right; padding-right:10px;'><a expr:href='data:blog.homepageUrl'>Home</a> | <a href='#'>About</a> | <a href='#'>Top</a> &#9650; </p>

</div>

 

copy-cut it and replace it just below this code,

<!-- end lower-wrapper -->

 

 

I hope now your MONOP Template looks more perfect. If you find these changes difficult to implement then you can ask for a fresh download copy by posting your EMAIL ID.

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

Thanks for making this possible! Kindly Bookmark and Share it.