Tutorial:Efecto Amigas 6 ♥+Aviso

Me pone feliz esa imagen ,me ase recordar a mi pareja lo tierno que es :3 
Hola, como estan,perdon de nuevo por no publicar segido  ,tengo que avisarles que no podre entrar seguidamente al blog a publicar , que solo podre algunos dias,pero si pubicare los sabados y domingos,por que me dejan mucha tarea  mas que todo mi Fisica   Estare ausente un poco.Pero are lo posible para publicar mas cositas y tampoco celebramos los 300 seguidores   queria aser varias cositas para ustedes pero no tuve tanto tiempo.Asi que por mientras publicare tutoriales asta que este listo los regalitos .


Bueno este tutorial es otro efecto amigas ,espero que les guste ,asi masomenos es :


PASO 1 : 
Para Plantilla Basica o Blogger: Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>
Para Plantilla Clasica o Blogskin:Pegar el siguiente codigo antes de </style>
.rotatmar{border-radius: Bordas Arredondadaspx; opacity:0.7; -webkit-transition-duration: .80s;}
.rotatmar:hover {opacity:2.0; -webkit-transform: rotate(-360DEG) scale(0.8); -webkit-transition-duration: .80s;}

360:Aumenta el numero si quieres que gire mas 
PASO 2 :
Para Plantilla Basica o Blogger:Para colocarlo en gadgets te vas a añadir un nuevo gadget/htmlJavascript
Para Plantilla Clasica o Blogskin:Colocas donde desees el efecto amigas
<marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5">
<a href="Url del blog amiga" title="Nombre del blog"><img class="rotatmar" src="Url de la Imagen" /></a><a href="Url del blog amiga" title="Nombre del blog"><img class="rotatmar" src="Url de la Imagen" /></a><a href="Url del blog amiga" title="Nombre del blog"><img class="rotatmar" src="Url de la Imagen" /></a><a href="Url del blog amiga" title="Nombre del blog"><img class="rotatmar" src="Url de la Imagen" /></a><a href="Url del blog amiga" title="Nombre del blog"><img class="rotatmar" src="Url de la Imagen" /></a>
</marquee>
5:Aumenta si quieres que vayan rapido o disminuye el numero si quieres que vayan lento el movimiento
Y listo,si quieres aumentar mas amigas colocas el siguiente codigo despues de </a>
<a href="Url del blog amiga" title="Nombre del blog"><img class="rotatmar" src="Url de la Imagen" /></a>
Eso es todo 
Codigo marquee sacado de Annyz
Notita para Yani-msn: Sigue el PASO 1 :  de esta entrada  y luego el segundo paso que aras es lo siguiente:
Si es en una entrada esa imagen , o donde este que se supone que este asi por ejemplo:
<img src="Url de la Imagen" />
Le agregas este codigo class="rotatmar" antes de  src , te quedara asi :
<img class="rotatmar" src="Url de la Imagen" />
Y lisdo ♥



9 comentarios :

  1. aah buenisiimo pero una duda
    para que sirve este tipo de efectos de amigas ?? es para promocionarlas o son las que tiene cariño porque te comenta seguido o son las que que te cai bien ??
    es que he visto que pones diferentes estilos para eso ni se como funciona XD jejej un saludo y besines
    Sayonara

    ResponderEliminar
    Respuestas
    1. Yo les puse nombre de efecto amigas ,por que yo lo uso en mi blog para las amigas que les tengo cariño :3 , pero ese efecto lo puedes utilizar como quieras ya sea promocionar algunos blog o como quieras *m*

      Eliminar
  2. luna gracias!!
    haber si lo utiliso!
    saludos

    ResponderEliminar
  3. muy bueno tuto!, ademas de que dara un toque muy kawaii! (*w*), veamos si le uso!

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥