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!
- Plantilla - Crear/Restablecer copia de seguridad (PASO OBLIGATORIO)
- Plantilla - Editor html
- Hacer click en el cuadro de código y hacer Ctrl+f
- Buscar ]]></b:skin>
- Arriba de la etiqueta colocar: 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!
Recuerda seguirme en facebook para estar al día de mis actualizaciones:
Hola Mar!¿Cómo estás? No sabía que se podía poner lo del zoom, parece interesante.
ResponderEliminarGracias por el tutorial :)
Saludos!
¡Hola Xime! Estoy probando distintos efectos con las marquesinas. Este lo he tenido que hacer desde cero <3
EliminarHola 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
ResponderEliminarGracias por el tutorial!
Beso
¡Hola Anto!
EliminarPuede 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!
¡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!
ResponderEliminarHola Mar! Me gusta mucho el tutorial, pero estoy tan acostumbrada a la mía que no me animo a cambiarla.
ResponderEliminarBesos!
Muy buena entrada. Seguramente lo aplique en mi blog
ResponderEliminar