A+ A-
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/AVvXsEgMvkCK6Y3pVGYWp_z02R22sTXOitOsxhv-qqVuGJl4EZU42WLbRlZLiV9Qt6TbRLxwnq3mQ5y4N4-Rib8LpygYOS_Oj1HGg9blOLts9aInJJot-jdyytYMFzZT5TTrSvTR7rB4EyowA8g/s400/background.gif);
    }
    #lower-wrapper {
  background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMvkCK6Y3pVGYWp_z02R22sTXOitOsxhv-qqVuGJl4EZU42WLbRlZLiV9Qt6TbRLxwnq3mQ5y4N4-Rib8LpygYOS_Oj1HGg9blOLts9aInJJot-jdyytYMFzZT5TTrSvTR7rB4EyowA8g/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.
 
Top