Design Update For MONOP Blogger Template

Some complained that the footer widget in MONOP [a href="http://www.mybloggertricks.com/2011/06/releasing-priceless-template.html" target="_blank"]Blogger Template[/a] 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,

[a name='more'][/a]

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([a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzy2uWMd7Hl0pvnIFSptT_mTiiNHfGHCJHxz3UZCl9FpJoynJfvbfabqjVdlACU3uhGTcyhmqoBD18Mpm65SLBgiNZd8jB5VsFhOivObwJ81VfTw2I_PD8_M2okKYXnKMsa8sQX3jHzk/s400/background.gif);"]https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzy2uWMd7Hl0pvnIFSptT_mTiiNHfGHCJHxz3UZCl9FpJoynJfvbfabqjVdlACU3uhGTcyhmqoBD18Mpm65SLBgiNZd8jB5VsFhOivObwJ81VfTw2I_PD8_M2okKYXnKMsa8sQX3jHzk/s400/background.gif);[/a]
    }
    #lower-wrapper {
  background: #fff url([a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzy2uWMd7Hl0pvnIFSptT_mTiiNHfGHCJHxz3UZCl9FpJoynJfvbfabqjVdlACU3uhGTcyhmqoBD18Mpm65SLBgiNZd8jB5VsFhOivObwJ81VfTw2I_PD8_M2okKYXnKMsa8sQX3jHzk/s400/background.gif);"]https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzy2uWMd7Hl0pvnIFSptT_mTiiNHfGHCJHxz3UZCl9FpJoynJfvbfabqjVdlACU3uhGTcyhmqoBD18Mpm65SLBgiNZd8jB5VsFhOivObwJ81VfTw2I_PD8_M2okKYXnKMsa8sQX3jHzk/s400/background.gif);[/a]
    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='[a href="http://www.mybloggertricks.com'"]http://www.mybloggertricks.com'[/a] 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.

Source: http://www.mybloggertricks.com/2011/06/design-update-for-monop-blogger.html