Efeito Round

Hooy meninas, desculpa sumir aqui do Magic só que ultimamente internet tava virando um vício para mim e percebi que estava tão cansada de tudo isso :/ sério parecia que não tinha mais graça de blogar , mais eu continuo aqui viu ? então hoje trago o tutorial do efeito Round que pode usar em qualquer imagem, veja um exemplo

Bom vá em designer >Editar Html , dê ctrl+f e procure por 

]]></b:skin>

e logo acima cole o seguinte código

}
.efeitoround  {background: #CORDOFUNDO;border: 5px solid #CORDABORDA;display: inline-block;font: 20px 'Chela One', cursive;width: 50px;height: 40px;color: #CORDAFONTE;padding-top: 10px;margin: 5px;-webkit-border-radius: 50px;-webkit-transition: 1s linear;}.efeitoround:hover {background: #e7a6c0;-webkit-box-shadow: inset 0px 60px 10px #CORDOFUNDOHOVER;border-radius: 0px;color: #ffffff;text-decoration: none;-webkit-border-radius: 50px;-webkit-transition: 1s linear;

Fez isso ? agora para usar adicione um gadget / Html Java script e cole

<a href="LINK" class="efeitoround" title="NOME INTEIRO DO BLOG">SIGLA DO BLOG</a>

bom gente espero que tenham gostado , encontrei esse tutorial no KW