Add CSS3 Rounded Border Wrap In Blogger Template

By on Saturday, November 14, 2015
Add CSS3 Rounded Border Body Corner Wrap In blogger Template
CSS3 rounded border corner wrap play vital role to turned your blogger template into professional design. By default blogger template there is no rounded border outside a template. Default template it looks really nasty and has no professional look. It shows that it is not a professional website it is just a website. CSS3 rounded body wrap gives you a professional design and will make more attractive for viewer eyes. You can easily add codes inside your blogger template to gives awesome look. Every blogger want a professional design of blog site so here is a tutorial by which can help you to add stylish rounded corner in blogger widgets. Have a look at this below code.

How To Add CSS3 Rounded Body Corner To Blogger

You can easily add the piece of code in your template. Follow the simple method carefully step by step.

1. Go to Blogger > Template
2. Edit HTML / Now search code ]]></b:skin>
3. Paste the below given code before ]]></b:skin>
#pbtwrap {
      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 search <body>
Paste the below given code below <body> tag
<div id='pbtwrap'>
Now once again search </body>
Paste the below given code above </body>
</div>

Need Help:

If you still facing any problem to make customize it, Please do not hesitate to ask me in the below comments section, Your comments would be appreciable for us.

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)