Efecto amigas♥

|| ||

Efecto amigas, Como el que tengo yo n.n

TUTORIAL DE: LUNANY KAWAII


Plantillas blogger
Pega el siguiente código antes de ]]></b:skin>

.borzom { padding : 1px;border-right:4px solid #FFC0CA;border-bottom:4px solid#FFC0CA;border-left:4px solid #E4C0FF;border-top:4px solid #E4C0FF;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;border-radius:2px;-o-transition: all 1s ease;transition: all 1s ease; }.borzom:hover {-webkit-transform: rotate(0deg) scale(1.383) skew(0deg) translate(0px);-moz-transform: rotate(0deg) scale(1.383) skew(0deg) translate(0px);-o-transform: rotate(0deg) scale(1.383) skew(0deg) translate(0px);}
#FFC0CA: Color del borde del lado derecho
#E4C0FF: Color del borde del lado izquierdo
4: Aumenta el numero si quieres que el borde sean más gruesas 

Ahora ve a diseño añadir un gadget HTML/Javascript

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

Si quieres más agrega

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

: Url de tu imagen
: url de tu blog amiga
: tamaño de la imagen

Plantillas clásicas {blogskin}
Pega el código antes de </style>
Sigue los pasos anteriores

1 comentario:

  1. omg nunca había visto ese efecto o-o
    gracias por compartirlo, saludos!! ^^

    ResponderEliminar

Tu comentario me haría muy feliz!! :D