Friday, 2 November 2012

Add CSS3 Rounded Border Wrap To Blogger Templates

Do you want to renovate your Blogger Template by adding a Cool CSS3 Round Border to it? Though, Blogger is not famous for its customizing and optimizing but still we can make a masterpiece with it.  Everyone loves simplicity, but it is essential to have a spotless theme that reflects professionalism. By adding Round border to blogger template, a person adds more spice to his blog. Moreover, he can even add multiple backgrounds that will surely amuse his readers. Therefore, after receiving lots of requests from our readers today finally we are sharing our CSS3 Rounded Border Wrap for Blogger enable websites.

Why To Use CSS3 Rounded Border WRAP:

How many people’s brains are unclear that whether their site fits the resolution of some old monitors? By saying that we are living in the modern era, a person is running away from the truth, and that is most people are still using old monitors to browse the whole internet. If a Person has decent traffic, then the probabilities are particularly on a higher side that most of his visitors are browsing his website through their smallish monitors. Since, his site is design for large screen monitors so it would not fit smallish monitors. Therefore, it is essential to add a wrap border to your templates that automatically fits the screen of large and small monitors.

How To Add CSS3 Rounded Border Wrap In Blogger Templates:

The steps mentioned below are extremely straightforward all you need to do is to follow them as it is. It would hardly take 5 minutes to complete the integration. Do as mentioned below.

  • Go to Blogger.com >> Template.
  • Take Backup of Template.
  • Now Press Edit HTML >> Proceed.
  • Then within your template search for ]]></b:skin> and above it paste the following CSS3 Coding.
#mblwrap {
  background: #Ffffff;
  width: 960px;
  margin: 10px auto 5px auto;
  padding: 0;
  position: relative;
  border-right: 15px solid #333;
  border-left: 15px solid #333;
  border-top: 10px solid #333;
  border-bottom: 15px solid #333;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  box-shadow: #333 0px 1px 3px;
}

  • Now once again in template search for <body> and just below it paste the following HTML code.
<div id='mblwrap'>

  • Last but certainly not the least search for </body> and above it paste the following HTML code.
</div>

All Done: That’s it save your Template, and CSS3 Rounded border WRAP is set up to your blog. Now go ahead enjoy the picture perfect results. Note: This plugin is made by the MBL Developers, so don’t replicate without the permission of the administrator. . 

From The Editor’s Desk:

Hope you have enjoyed our personalized Wrap Widget. It’s been a while now that we haven’t shared any Blogger Templates. Therefore, our developers are trying their level best to formulate a masterpiece. There are some surprises coming up so stay tuned. Take a lot care of your family till then, Peace, Blessings and happy Wrapping. 
Add CSS3 Rounded Border Wrap To Blogger Templates
4/ 5
By

GET OUR BLOGGING SECRETS DIRECTLY TO YOUR INBOX!

Want access to our blogging secrets,We never shared on our blog.Just enter your email address below to get access to our 3 ultimate guides on how to run a successful blog!

Dear Reader! We’re enthusiastic to see your comment but after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me.
Let’s enjoy a personal and evocative conversation. Thank You!