Tutorial:Efecto amigas 1+Me apadrinaron!

Bueno,pues regreso con un nuevo tutorial realmente Cute,es un efecto de amigas precioso y el que uso yo actulmente(PD:si quereis estar en mis amigas,sólo avisad)
PREVIEW:

Bueno,empecemos con el tutorial..

Para plantilla básica o Blogger: Vamos a plantilla/Editar HTML y buscas con CTRL+F en code ]]></b:skin> y pegas el código que te dejaré abajo antes de la etiqueta.

Para plantilla clásica o Blogskins:Pegas el siguiente código antes de la etiqueta </style>
Este es el code:

.efec7{border: 2px #C8C6C6 solid;border-radius:50px;}
.efec7:hover{-webkit-filter: grayscale(0.7); -webkit-transform: rotateY(-180deg);-moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;}

PD:Si no quieres bordecitos redondos borra la etiqueta "border-radius:50px;" y si sólo los quieres menos redondeados sólo quita un poco LOS PÍXELES,(ejemplo:"border-radius:20px;")
EDITEMOS:
Amarillo:El color del borde.
Azul:Tipo de borde,solid:Bordes Planos,cómo yo los tengo.Si quieres cambiar el tipo de borde por 'Dashed' o 'Dotted',más info Aquí.

Luego si le quieres colocar este efecto en una entrada coloca este código:

<img class="efec7" src="Url de tu Imagen" width="240" />

Si quieres el efecto en TODAS tus imágenes,haz esto:
Plantilla Básica o Blogger: Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>
Blogskin o Plantilla clásica:Pegar el siguiente codigo antes de </style>

img{border: 2px #C8C6C6 solid;border-radius:50px;}
img:hover{-webkit-filter: grayscale(0.7); -webkit-transform: rotateY(-180deg);-moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;}

Y TODAS tus imágene incluirán ese efecto :3

 PARA EFECTO AMIGAS:
Haces el Paso 1,luego:
Plantilla Básica,Blogger:Añade un HTML/Javascript
Plantilla Clásica o Blogskin:Añade en el Sidebar que desees.

Este es el code:

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

Si quieres añadir más amigas,copia y pega este code:

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

Ahora guardas el Gadget y listo.

Créditos:x 

Bueno,también quería agregar que el blog http://laspalabraselladas.blogspot.com.es/ me ha apadrinado!!!!!!
Si,estoy feliiiiz!!!!,si quereis ser apadrinados o apadrinar,dirigios al banner:

Un besazo,¡bye!