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"

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 ~

6 comentarios:

  1. ¡Hola! Te seguía en tu otro blog, y ahora te sigo en este.
    Estaba por afiliarte, pero vi que el otro lo vas a cerrar.
    ¿Te parece que afiliemos con tu nuevo blog?
    Besos.

    PD: Me encanta el diseño del layout y los colores.

    ResponderEliminar
    Respuestas
    1. Hola tamara claro me parece perfecto enseguida me paso por tu blog y te dejo un mensajito gracias por seguir y xD gracias por el comentario del blog, tomo trabajo pero creo que quedo muy bien

      Eliminar
  2. tienes un blog super lindo. *-*
    chu~

    ResponderEliminar
  3. aww haha muchas gracias el tuyo tambien lo es x3

    ResponderEliminar
  4. Oh por Dios! Recién entre a tu antiguo blog y me entere que cambiabas! ME ENCANTA el diseño!!♥
    Gracias por recomendarme en los blogs en el anterior diseño!
    Este ya lo sigo!Pongo tu URL nueva y tu BOTON nuevo♥
    Ah y por cierto! estas en mis amigas♥
    Bye~

    LARITA
    https://todocreadoparati.blogspot.com/

    ResponderEliminar
    Respuestas
    1. AH! muchas gracias que linda , me alegra mucho que te guste el diseño yo tambien te recomiendo en este blog. me has enseñado mucho con tus tutos

      Eliminar

- No de spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog
- Deja tu hermosa firma
Aqui algunos Emoji que puedes usar:
(ノ◕ヮ◕)ノ*:・゚✧ (=ω=;) (◕‿-) (✿ ♥‿♥) (づ。◕‿‿◕。)づ (•⊙ω⊙•)