Efecto fun ► #2

¡Hola! ~

¿Como les va? hace tanto que no hago entradas.
y tengo mis razones. Ando 'enferma' con anemia :(.
Ahora que tengo tiempo, me quise pasar y publicar algo y poner la nueva plantilla, espero les guste mucho.

Quise hacer algo nuevo con la apariencia del blog. ¿Les gusto? Quiero saber que opinan de la nueva plantilla.

Les traigo un efecto bonito para sus imágenes.

Vista previa: ↕

Para tenerlo en nuestro blog tenemos que hacer lo siguiente:

Vamos ha plantilla | Editar HTML | CTRL + F

Y buscamos: 

]]></b:skin>

Arriba de ]]></b:skin>

.fun {height:auto;width:auto;} .fun img {width:50px; height:50px; background:#fff;border:1px solid #FBE6E6; padding:4px;opacity:.90;-webkit-transition: all 0.99s ease-in-out;} .fun img:hover{-webkit-animation: fun .9s infinite alternate ease; } @-webkit-keyframes fun { 0% {-webkit-transform: rotate(0deg) scale(1.0); -webkit-filter: brightness(0.9);} 25% {-webkit-transform: rotate(6deg) scale(1.1); -webkit-filter:contrast(1.1);} 50% {-webkit-transform: rotate(-6deg) scale(1.2); -webkit-filter:contrast(1.2);} 75% {-webkit-transform: rotate(6deg) scale(1.1); -webkit-filter:contrast(1.3);} 100% {-webkit-transform: rotate(0deg) scale(1.0); -webkit-filter:contrast(1.4);} }

Y guardamos.

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

Y dentro de la cajita ponemos el siguiente código:

<div class="fun">
<center>
<a href="link de la pag" target="blank" title="NOTA"><img src="link de la imagen"/>
<a href="link de la pag" target="blank" title="NOTA"><img src="link de la imagen"/>
<a href="link de la pag" target="blank" title="NOTA"><img src="link de la imagen"/>
</a></a></a>
</center>
</div>

Editar:

Rojo: Link del sitio/pagina web.

Naranja: Alguna nota.

Azul: Link del icon.

¡Eso es todo!

Estaré inactiva en el blog por un tiempo.

¡Hasta luego!

Nos leemos pronto.