Efecto Afiliadas Just Jump

Hello butterflies! [muy buenas] Como estan? espero que muy bien, yo ando feliz porque por fin estoy terminando el diseño de este blog, que de por cierto no fue nada pero nada facil hacerlo y mucho menos editarlo porque a quien no lo paso de " empezar con una idea en la cabeza y terminar haciendo cualquier otra " tambien estoy empezando a pensar una reseñas de anime que he visto y tambien subir los capitulos para que ustedes puedan verlos, por lo que tengo en mente tengo pensando empezar con mi primera reseña de Sekaiichi Hatsukoi .. porque dios! me encanta ese anime .. 
Muy bien volviendo el tema del tuto aqui abajo les dejare la vista previa del tutorial. para que puedan ver si lo usan o pues quiza no. o decian hacerlo mas adelante no se como ustedes gusten.


Muy bien para tener este efecto en el blog lo que vamos a hacer es irnos a plantilla/ editar html
una ves echo eso presionamos CTRL + F (el + no va)n y buscamos : ]]></b:skin>   
una ves que encontramos esa palabra pegamos encima de ]]></b:skin>   el siguiente codigo:

.jump-isa:hover{-webkit-transform: translatey(-50%) rotate(-360deg) scale(1.3); border-radius: 50px;}.jumping-isa img{width: 50px;box-shadow:0px 0px 0px #ccc;-webkit-transition-duration: .80s;}.jumping-isa:hover img {opacity: 0.4;-webkit-transition-duration: .80s;}.jumping-isa img:hover {opacity: 1;-webkit-transition-duration: .80s;}

Luego le damos guardar y listo la parque te seria la mas dificil estaria echa, ahora nos vamos a donde quieras tener el efecto y colocas este codigo:

<div class="jumping-isa"><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a></div>

No te olvides de preguntarme cositas a mi ask!

No hay comentarios:

Publicar un comentario

- No de spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog
- Deja tu hermosa firma
Aqui algunos Emoji que puedes usar:
(ノ◕ヮ◕)ノ*:・゚✧ (=ω=;) (◕‿-) (✿ ♥‿♥) (づ。◕‿‿◕。)づ (•⊙ω⊙•)