Link con efecto hover ♥

Buen dia *v* como amanecieron? espero que bien:D

consegui un tuto muy lindo en el blog de Annyz {créditos a ella ^^} sobre como colocar un efecto hover en los links e imagenes. Yo les voy a mostrar como colocarlo en links :3 para ver el efecto pasa el cursor sobre algún link de mi blog o imagen*o*

Ejemplo:

~Pasa el cursor por aqui~

se ve muy cute:3 yo escogi una imagen de unas flores*-*

Lo que tenemos que hacer es:

 Plantilla

 Edición de HTML

 Presiona CTRL+F 

 Busca ]]></b:skin>

después pegas este codigo justo antes de eso:

a{
text-decoration:none ;
color:#BDA291 ;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }
a:hover{
color:#fff ;
background:url(URL DE TU IMAGEN);
background-position:50% 80%;
background-size:400px;
}

donde dice URL DE TU IMAGEN, vas a pegar el url de la imagen que quieres que aparesca de fondo, asi como yo puse la de flores ^^

y listo! espero que les guste el tuto, no olviden comentar:3