Efecto fast #1

¡Hola! ¿como están? espero que excelente.

Pues cambie la plantilla, de nuevo jajajajaja, tengo una rara adición a cambiar las plantillas a cada momento pero ajá. Espero les guste la nueva plantilla :).

 También les quiero agradecer por los comentarios que dejan, gracias gracias :')

ahora vamos con el efecto, queda precioso!!

Créditos: The Mon Reserve

Para vista previa:

Aquí

01. Plantilla / Editar HTML / CTRL + F

02. Y buscamos lo siguiente:

 ]]></b:skin>

03. Arriba de el colocamos el siguiente código:

.fast {
border:1px solid #ccc; width:50px !important;
height:50px !important
opacity: 0.7;
padding: 1px;
border-radius: 2px;
 -webkit-transition-duration: .70s;
}
.fast:hover {
border:1px solid #ccc;border-radius: 70px;
-webkit-transform: rotate(360deg) scale(1.1) ;
-webkit-transition-duration: .1900s;
-webkit-transition-duration: .1900s;
}

Ahora vamos a:
Diseño / Añadir un Gadget / HTML/JavaScript.

Adentro de el agregamos este código:

<a href="Link" target="_blank" title="Nota"><img class="fast" src= "Imagen"/></a>

Mientras más agregues ese código, aumentara más el menú.

 Editar:

Azul: El url de la pagina

Amarillo: Cualquier texto que quieras poner

Verde: El url de la imagen

 Consejo:

-Para la imagen trata de poner tipo icons, si la imagen es grande el efecto puede quedar mal.

Las imágenes tienen que ser de este tamaño:

Pues, esto es todo :)

Espero lo usen, el efecto a mí me encanta lo considero muy lindo.

No olvides si lo usas créditos a mi blog, gracias.

Hasta luego.

créditos icons: x