Como arredondar as bordas do seu template

Olá pessoal, voltamos depois de algum tempo parado, com esse tutorial que várias pessoas estavam me pedindo. Como arredondar as bordas do seu template. É um efeito CSS3 muito usado atualmente, embora algumas pessoas não gostem efeito, eu acho que dá um charme a mais para o template, deixando-o com uma cara mais moderna. Então vamos deixar de bla bla bla, e vamos logo ao tutorial.

Bem, para arredondar sua borda, entre primeiramente no Editor HTML do seu template, então procure por 'blog-wrapper', você encontrará um bloco de códigos, semelhante ao abaixo:

#blog-wrapper {
text-align:center;
position:relative;
width:980px;
background:#fff;
margin:0 auto 0;
padding:0;
}

Então, adicione o código abaixo antes da '}', como mostrado abaixo:

#blog-wrapper {
text-align:center;
position:relative;
width:980px;
background:#fff;
margin:0 auto 0;
padding:0;
-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}

Caso queira modificar a quantidade de "arredondamento" modifique os três 7, ou outro número, quanto maior mais arredondado ficará, quanto menor, menos arrendado ficará. Como por exemplo:

#blog-wrapper {
text-align:center;
position:relative;
width:980px;
background:#fff;
margin:0 auto 0;
padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Viu como é simples? Caso tenha alguma dúvida, deixe um comentário abaixo.