Entradas Populares { Efecto giratorio }

Hello butterflies { muy buenas } como estan? espero que muy bien, yo con sueño ( recien me levante:3 )

tengo pensado volver mas en la tarde pero no se a que hora ya que debo hacer unas cosillas primero que pues las vengo dejando atras hace algunos dias y no quiero dejar para mas.

Tambien quiero agregar que subire una reseña de un libro que me gusto mucho mucho mucho! y para que a mi me guste un libro asi de lindo pues no se el libro de verdad debe ser muy bueno.

Para agregar tiene buenas criticas y es ganador de un premio nobel de la literatura pero esto solo es un adelanto lo hare mas concreto en la entrada de la reseña pero si les interesa leerlo o verlo el nombre es " El gato que venia del cielo " de Yoko Ogihara. y la traduccion  es de Fernando Cordobes.

Bien! ~ bien! volviendo al tema hoy traje un tutorial muy mono, y esta muy original para las entradas populares de tu blog ya que les da un efecto giratorio con la imagen muy bonito y delicado sin mencionar que queda excelente en cualquier plantilla de el tipo que sea..

Aqui les dejo la vista previa ustedes deben ver el gadget que dice " entradas populares"

Vista previa

Tutorial korean suite creditos reservados

 Lo primero que deben hacer es ir a plantilla / edicion HTML

 Una ves que estan alli dan click en el recuerdo donde estan todos los codigos y apretan CTRL + F  (no se olviden que el + no va)

 luego buscamos: ]]></b:skin>

 cuando lo encontramos pegamos encima de ]]></b:skin> el siguiente codigo:

#PopularPosts1{max-width:300px} #PopularPosts1 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0} #PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #FF3E96;background: -webkit-gradient(linear, left top, left bottom, from(#FF3E96), color-stop(0.5, #FF3E96), c#4F94CDolor-stop(0.5, #FF3E96), to(#aaa));background: -moz-linear-gradient(top, #ffffff, #ddd 50%, #FF3E96 50%, #ffffff);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} #PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}

Y listo ~