Tutorial:Efecto Amigas 4 ♥


Hola nuevamente ,les vengo a traer otro efecto de amigas ¡ aqui les dejo varios personalizados,como queda 


Siga los siguientes pasos:
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>
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )
.desamg{-webkit-transition-duration: .60s;border:3px dashed #ffaeae;border-radius:50px;}
.desamg:hover{-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);-o-filter: blur(2px);filter: blur(2px);}
Personalizar :
3:Tamaño de la linea del borde,si la quieres mas gruesa,aumenta el numero
dashed:Puedes cambiarlo a "solid" o "dotted" para mas CLIC AQUI para que veas los tipos de bordes
50:es el tamaño de los bordes redondeados, disminuye si no lo quieres tan redondo los bordes
En caso que no quieras los bordes redondeados y quieres que quede cuadrado ,solo borras este codigo:
border-radius:50px;
y listo.
Para colocarlo :
PASO 2 
Para Plantilla Basica o Blogger: Ir a Diseño/Añadir un gadget/HTMLJavascript
Para Plantilla Clasica o Blogskin: En el lugar que deseen poner este efecto amigas
Copian el siguiente codigo:
<a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a>
Si quieres mas solo sige copiando este codigo despues del codigo  </a> del paso 2 
<a href="Url del blog de tu amiga" target="_blank"><img class="desamg" 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.




13 comentarios :

  1. Hace tiempito que quería saberlo, gracias Luniiii ♥

    ResponderEliminar
  2. ¡Super lindo! :3
    Pero no me funciona D: (Tengo plantilla clásica)

    ResponderEliminar
  3. waaa gracias por la tutorial*.*
    saludos

    ResponderEliminar
  4. Que bonitos efectos ^^ gracias por el tuto :D

    ResponderEliminar
  5. genial el tutorial!! me ultra encanto!! lo usare enn uno de mis blogs,ya te di creditos :)

    ResponderEliminar
  6. es muy bonito, creo que pronto me decidire por uno de todos estos! :3

    ResponderEliminar
  7. Muy bueno, me encanto lo ocupare en mi otro blog!♥ Muchas Gracias.

    ResponderEliminar
  8. preciooooso gracias por este hermoso tuto

    ResponderEliminar
  9. Lindo y sencillo e.e :3

    Muchos besos y se me cuida!!

    ResponderEliminar
  10. Hola lunaa!! tienes un premio en mi blog owo <3
    http://pame-kawaiiblog.blogspot.com.ar/

    ResponderEliminar
  11. Esta lindo >w< pero no me funciona ;-; tengo plantilla clasica y cuando hago click a las imagenes de mis amigas me dice que no se encuentra la pagina :c

    ResponderEliminar
    Respuestas
    1. ya funciona, fue error mio, gomen soy nueva en esto ^^'

      Eliminar

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