Design Update For MONOP Blogger Template

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3NWNAgpGKrzf7BcSzg2tZkgX69w9UuUazf2cZOrpBb2n29CbO9_rZKnJ0IMF4EdHALFV0ugf2pGWdsHIOKltF3mDd23COZRuiApS3yrFlardQP9AOUNL9hJx8DGutYu7PXy9AEWwzBEc/s400/background.gif);
    }
    #lower-wrapper {
  background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3NWNAgpGKrzf7BcSzg2tZkgX69w9UuUazf2cZOrpBb2n29CbO9_rZKnJ0IMF4EdHALFV0ugf2pGWdsHIOKltF3mDd23COZRuiApS3yrFlardQP9AOUNL9hJx8DGutYu7PXy9AEWwzBEc/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.