Bordas arredondadas no Blogger

Para colocar bordas com os cantos arredondados em seu blog não é dificil, mas você precisará de um pouco de atenção para faze-lo. Se você navega pelo Firefox, clique AQUI para visualizar este template onde usei o código em vários locais.
Ah, este código funciona no Firefox, Chrome, Safari e Linux. Claro, menos no Internet Explorer :-(

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o HTML do seu blog e coloque o código abaixo acima de onde tiver:

border: 3px solid $bodercolor;

Note que acima é só um exemplo, pode ser que em seu blog esteja diferente, o que importa mesmo é que tenha que ter "border:" e um número diferente de 0 onde no exemplo está o múmero 3.

Faça isso onde encontrar " border:" pois é esse código que corresponde a borda e claro, o número terá que ser diferente de 0

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius:10px;

Mas Elke, não encontrei nenhum código border em meu blog.


Então procure pelo código:


.sidebar .widget, .main .widget {


E abaixo dele coloque o código:

border: 3px solid #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius:10px;

* Onde está em verde é a cor da borda

O código deverá ficar mais ou menos assim