Tutorial:Efecto imagen y efeco amigas 3 ♥

Hola,toy feliz por que ya son 191 seguidores  wii¡¡¡Falta poco para llegar a los 200 y perdon por no entrar el sabado y domingo ,tuve muchas cosas que hacer,y tuve que estudiar, la semana anteriror fue puros examenes ¡¡ Uf pero saqe buenas notas  En calculo y matemática mas que todo y dibujo técnico   Bueno el unico que saque mal seguro es de metodologia ,no me gusta ,y tambien se me perdieron mis hojitas,por eso no estudie bien   y el unico examen que falta que es hoy de Fisica tengo que estudiar ,masomenos me gusta fisica,como ya estudie un poco y no publique nada , hoy are otro tutorial de efecto en las imagenes y tambien pueden usarlas para efecto amigas 

Primero para que vean como queda clic en :

Vista Previa

Si les gusto como queda sigan los siguientes pasitos :

Para las imagenes en tus entradas :

En la primera imagen solita y grande pasa el cursor y veras el efecto ,ese es el efecto para las imagenes de tus entradas o puedes usarlo en otra cosa.

Si lo desean en su blog solo sige los pasitos :

Paso 1:Van a plantilla /Edicion de HTML/Expandir plantillas de artilugios

Y ponen Ctrl+F y ponen ]]></b:skin>

ponen atras de ]]></b:skin> el siguiente codigo
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

@-webkit-keyframes mor { 0% {filter: alpha(opacity=25); opacity: 0.15; -moz-opacity:0.15; -webkit-transform: rotate(10deg)}
100%  {border-radius:50px; -webkit-transform: rotate(-10deg)}
}

.mor {border-radius: 2px; border:1px double #ffaeae; margin:1px;cursor:pointer;}

.mor:hover {-webkit-animation: mor .95s alternate infinite linear;border-radius:2px;-webkit-transition: -webkit-transform 1s ease-in-out; }

1:Es el tamaño del borde de la imagen si lo quieres mas grueso aumenta el numero
double:Puedes cambiarlo a "solid" o "dotted" para mas CLIC AQUI para que veas los tipos de bordes
ffaeae:Color del borde 

Paso 2:.Luego pones guardar , y te vas a hacer una entrada y vas a HTML y colocas este codigo:

<img class="mor" src="Url de la imagen"/>

Cambias por la Url de tu imagen de entrada y te vas a redactar y veras tu imagen ,pones Vista previa y veras el efecto de la imagen.

Efecto amigas

Aora para efecto amigas siguen el Paso 1(si ya lo hisiste mas antes al poner el efecto en las entradas, no lo vuelvas a poner) y ponen guardar y siges el siguiente paso

Paso 3 :Ir a Diseño/Añadir un gadget/HTMLJavascript

y pegan el siguiente codigo

<a href="Url del blog de tu amiga" target="_blank"><img class="mor" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="mor" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="mor" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="mor" height="70" src="Url de la imagen" width="70" /></a>

Si quieres mas solo sige copiando este codigo despues del codigo  </a> del paso 3 

<a href="Url del blog de tu amiga" target="_blank"><img class="borzom" height="70" src="Url de la imagen" width="70" /></a>

Para cambiar el tamaño
70:Es el tamaño de la imagen ,puedes cambiar a un numero menor para que sea un poco mas pequeña 
 y guardas.
Guardas y Bueno eso es todo ,aora si me voy a estudiar mas