Hola otra vez amigos de Ayudar Bloggers en este tutorial, solo les voy a enseñar un efecto para las imagenes, este efecto es Rotar la imagen al paar el cursor, y si, lo haremos con solo CSS3, asi que empezemos:
Clic aqui para ir al demo.

Girar imagen, caballos

Lo primero es irse a Blogger – Su blog- Diseño – Editar HTML, ahi buscan la siguiente linea:

</head>

Y justamente arriba de esa linea, agregan el siguiente codigo css:

<style>
.rotacion {
    -moz-transition: all 2s ease; /*Definimos las transiciones, deben durar 3 segundos*/
    -ms-transition: all 2s ease; /*Definimos las transiciones, deben durar 3 segundos*/
    -o-transition: all 2s ease; /*Definimos las transiciones, deben durar 3 segundos*/
    -webkit-transition: all 2s ease; /*Definimos las transiciones, deben durar 3 segundos*/
    transition: all 2s ease; /*Definimos las transiciones, deben durar 3 segundos*/
}
.rotacion:hover {
    -moz-transform:rotate(-360deg); /*Comenzamos a aplicar el valor rotate de la transormacion*/
    -webkit-transform:rotate(-360deg);
    -o-transform:rotate(-360deg);
    -ms-transform:rotate(-360deg);
    transform:rotate(-360deg);
}
</style> 

Ahi les marco en verde lo que pueden modificar, es solo la velocidad en que dara la vuelta completa, en este caso son Segundos, yo lo deje en 2.
Y ya estan los estilos, ahora para aplica el efecto en una imagen, lo unico que tienen que hacer es agregar el siguiente codigo:

<img class=”rotacion” src=”http://ayudarbloggers.com/wp-content/uploads/2014/04/caballos-300×188.jpg” />

Lo pueden agregar en cualquier parte del blog, para cambiar la imagen, que estoy usando yo, en este caso la de los caballos, cambian la url marcada en color rojo y listo, si el efecto lo quieren agregar en una imagen que ya tenian, solo agreguen lo que esta marcado en azul, ahora si ya tienen este efecto funcionando en su blog, aqui el demo: