Tutorial- Imagens com bordas arredondadas

Oie! Bom dia! Hoje vou ensinar uma coisa que vai deixar seu blog com uma cara mais legal. Ou melhor: As imagens do seu blog. Por exemplo, esse gif aqui:



Então, vamos lá?!

Vá em Modelo > Editar html, aperte F3  e procure por ]]></b:skin>

Depois, cole esse código antes  de ]]></b:skin>

                                                                                                                                                                 

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {  border-$startSide: 1px solid $(tabs.separator.color);}.main img {-webkit-border-radius: 10px 10px 10px 10px; */ Bordas arredondadas */}

Visualize, e se tiver tudo certo, salve!

Dica: Uma coisa que você deve prestar atenção, é que você deve colar o código ANTES e não depois, pois colando depois, só aparece o código, e não tem efeito nenhum


Atualização:


 Se aparecer no código aqui em cima umas linhas brancas, não estranhe, não acontece nada