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

SHARES

Share

Pin it

Tweet

Share

Share

Print

Buffer

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 »

Mohammad 6/28/2011