Oi, vamos já ao tutorial , Para ver o Preview Clique AQUI . Ele serve para por como elite de afiliados , e blábláblá.
Vá em seu blog , Modelo, Editar HTML , Dê um ctrl+F E procure por ]]></b:skin>
Logo acima cole o seguinte código :
.bordernid{Pronto, Salve e vá em Layout , adicionar gadget, Html/javascript e cole o seguinte código :
-webkit-transition: .7s;
border-radius: 15px;
border: 1px solid #D5CFE3;
padding: 2px;
-webkit-filter: hue-rotate(0deg);
-webkit-transition-duration: .90s;
}
.bordernid:hover {
border-radius: 3px;
border: 1px solid #FF8C00;
-webkit-filter: hue-rotate(180deg);
-webkit-transition-duration: .90s;
opacity: 50;
}
<div align="center"><img src="Link da imagem aqui" class="bordernid" /></div>Pronto , qualquer dúvida comente aqui em baixo .
<div align="center"><img src="Link da imagem aqui" class="bordernid" /></div>