Don't miss

[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!


About Will Green

A student in England studying Automotive Engineering with Motorsport, Will created Ask Will Online back in 2010 to help students revise and bloggers make money. You can follow AskWillOnline via @AskWillOnline.

4 comments so far:

  1. does this slow down the time it takes to load the webpage or blog?

    ReplyDelete
  2. I did notice a change in the load time, however, after an hour, I found no difference in load time. The HTML you insert is minimal and won't have an impact on the load time.

    Hope this answers your question

    ReplyDelete
  3. i have try it, but it's not working on my blog, have any solutions ?

    ReplyDelete
  4. Make sure hu have added the code to CSS and not to the HTML of the website. Also make sure you have copied all of the code needed to curve the corners above.

    ReplyDelete