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 th...
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.
- Go To Blogger > Design > Edit HTML
- Backup your templates
- Search for this,
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 960px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXbKC-DrL-U3pWe7ACrQLXKyaDGPyj9mQsLU64uc7aHlMqoqT9eFGzVFdjEtpwnsuuQfOOF7vB2f16zk6LjgP3srZiXBmRudWFVRbPUnYNrUCgrA8Jq3ah79VXeyHZIIY34WB2My0H5C4/s400/background.gif);
}
#lower-wrapper {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXbKC-DrL-U3pWe7ACrQLXKyaDGPyj9mQsLU64uc7aHlMqoqT9eFGzVFdjEtpwnsuuQfOOF7vB2f16zk6LjgP3srZiXBmRudWFVRbPUnYNrUCgrA8Jq3ah79VXeyHZIIY34WB2My0H5C4/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;'>© 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> ▲ </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.
COMMENTS