[How to] Make Your Blog Template’s Corners Curved

A great way to try and make your blog look that bit more professional is through curving your blog/website’s corners. It’s the new trend and is looks much better than straight corners. It can be done easy with blogger and involves copying one snippet of HTML into blogger. That’s it!

The first thing you must do like every time you change your blogger’s HTML code is to back it up.
After you have done that, you can then follow the instructions:

  1. Go to your blogger’s dashboard, then design and then template designer.
  2. On the top left, scroll down until you find the option ‘Advanced’.
  3. Scroll down to the bottom of the list to the right of that until you find ‘Add CSS’ and click on it .
  4. Insert the following code into the text box: div.header-outer {
    -moz-border-radius: 10px; /*Firefox*/
    -webkit-border-radius: 10px; /*Safari & Chrome*/
    -khtml-border-radius: 10px;
    border-radius: 10px; /*Standard CSS3 declarations & IE9*/

    You can change the intensity of the curve through changing the number after ‘border radius‘.

  5. Save template and your done!


  1. Anonymous February 9, 2011
  2. ask will online blogger help February 9, 2011
  3. Nhinis May 15, 2012
  4. Will Green May 15, 2012

Leave a Reply