Marquesina de imágenes con zoom al pasar el mouse [100% mío]

¡Hola!

Esto se parece al tutorial Imágenes efecto zoom al pasar el mouse encima. La diferencia es que esta es una marquesina que pueden colocar tanto en una entrada como en un gadget.



¡Empecemos!
  1. Plantilla - Crear/Restablecer copia de seguridad (PASO OBLIGATORIO)
  2. Plantilla - Editor html
  3. Hacer click en el cuadro de código y hacer Ctrl+f
  4. Buscar ]]></b:skin>
  5. Arriba de la etiqueta colocar:
  6. RECORDAR QUE PARA COPIAR CÓDIGO DEBERÁN HACER CLICK EN view raw

      6. Dar en Vista Previa y si no hay ningún error, Guardar plantilla.

Ahora, como es una marquesina les enseñaré cómo colocarla en un gadget.

      7. Ir a Diseño - Añadir un gadget - HTML/Javascript
      8. Lo que deben pegar es:
      RECORDAR QUE PARA COPIAR CÓDIGO DEBERÁN HACER CLICK EN view raw

ACLARACIÓN: El ancho (width) y el alto (height) de la imagen es el que yo puse como tamaño de las portadas de libros pero puede modificarse a gusto, recuerden no borrar el px.

¡ESO ES TODO!

  

7 comentarios:

  1. Hola Mar!¿Cómo estás? No sabía que se podía poner lo del zoom, parece interesante.
    Gracias por el tutorial :)
    Saludos!

    ResponderEliminar
    Respuestas
    1. ¡Hola Xime! Estoy probando distintos efectos con las marquesinas. Este lo he tenido que hacer desde cero <3

      Eliminar
  2. Hola Mar!! sigo sin estar interesada en hacer una marquesina para el blog como de reseñas.. pero me puede servir para poner los concursos en los que participo en un gadget :P
    Gracias por el tutorial!
    Beso

    ResponderEliminar
    Respuestas
    1. ¡Hola Anto!
      Puede ser para lo que tu desees, yo digo lo de reseñas ya que es lo que más buscan. Yo lo uso también para los concursos e iniciativas.

      ¡Saludos!

      Eliminar
  3. ¡Hola Maar! Lo voy a tener en cuenta, tengo ganas de ponerle un poco más de onda a mi blog pero lo retraso porque el tema del diseño y eso me cuesta bastante. Pero tus entradas me dan ganas e ideas así que muchas gracias :-) ¡Te dejo un beso!

    ResponderEliminar
  4. Hola Mar! Me gusta mucho el tutorial, pero estoy tan acostumbrada a la mía que no me animo a cambiarla.
    Besos!

    ResponderEliminar
  5. Muy buena entrada. Seguramente lo aplique en mi blog

    ResponderEliminar