sábado, 28 de diciembre de 2013

Portadas de reseñas recientes: como colocarlas en el blog


Alguna vez me han preguntado como hice para colocar bajo la cabecera del blog las portadas de los últimos libros reseñados, algo bastante útil para los blogs literarios de reseñas y que permite una fácil localización de las últimas reseñas que  hemos hecho de los libros leídos, para no tener que mirarnos todo el listado alfabético de reseñas si no buscamos un libro en concreto sino las novedades reseñadas. Así, clicando encima de la portada el lector puede ver la reseña sobre el mismo que has hecho en tu blog:





Así pues, este es el código que tenéis que poner en un Gadget de vuestro blog, dentro del “Html”, siguiendo estos pasos. Lo azul es el enlace de la entrada (reseña del libro) y lo rojo el enlace de la portada del libro (que previamente habréis subido a tinypic o cualquier web de reducción de imágenes).




1. Vais a "Diseño" en vuestro escritorio del blog.





2. Luego entráis en "Añadir un gadget":




Lo mueves arriba arrastrándolo con el ratón...y le dáis a "edit" para poner el código:




3. Luego ponéis este código cambiando lo azul y lo rojo con vuestros enlaces de reseña y portada del libro:



Si queréis que vaya centrado en la página principal, pondréis también esto que véis en verde:




Y quedaría así:




4. Ese código se coloca ahí dentro del html del gadget y se le da a "Guardar disposición":








Y listo, ya está el código metido. 


Si queréis poner más de una imagen de portada, como tenemos algunos de nosotros, solamente hay que poner el código tantas veces como queramos, cambiando siempre el enlace de la entrada (reseña del libro) y el enlace de la imagen (portada del libro) que queremos poner. Cuando váis a poner un nuevo libro que acabáis de reseñar, borráis el último código del último libro de abajo y colocáis el nuevo arriba, de forma que siempre haya por ejemplo unas 7 portadas de libros y no más, para que no se haga muy pesado y largo, según el ancho de tu blog.

19 comentarios:

  1. Gracias, lo tendré en cuenta si me animo a hacer cambios...soy una obtusa para esto de los html....
    Besos !

    ResponderEliminar
    Respuestas
    1. ánimo yo no tenía ni idea y ahora es bastante fácil, sobretodo cuando solo es copiar y pegar el código y como mucho cambiar los enlaces por los tuyos, en cualquier gadget lo puedes colocar y listos ;)

      Eliminar
  2. Muy útil, me encanta!! Quizás lo ponga
    Gracias :)
    Besitos

    ResponderEliminar
  3. Hola Noemí!
    Jo, muchas gracias por el tutorial. Justo te iba a mandar un correo preguntando que cómo lo habías hecho, jajaja.
    Intentaré hacerlo a ver qué tal se me da. XD
    Besos!

    ResponderEliminar
  4. Yo lo utilicé una temporada pero lo saqué porque no me convencía. No porque quede mal sino porque no me decidía a como ponerlo en el blog para que no quedase demasiado abarrotado entre libros y películas y aún no me he decido como dividir, por decirlo de alguna manera, el gadget y donde situarlo.
    Un beso

    ResponderEliminar
  5. ¡Muchas gracias por el aporte! la verdad es que he estado buscando este gadget por un montón de webs y no daba con él, además, es super fácil de poner cuando le coges el truco ^^
    Besos!

    ResponderEliminar
  6. Llevaba tiempo pensando en cómo se hacía esto, me parece muy útil :) Gracias por el tutorial, puede que pronto me anime a probarlo.
    Besos.

    ResponderEliminar
  7. Yo lo tengo parecido,el mío está en la sidebar derecha y se va moviendo pero solo muestro las tres últimas lecturas.
    Puede que algún día de estos haga cambios xd
    Besos^^

    ResponderEliminar
  8. Gracias por el aporte!!! Me va a venir bien para un reto al que estoy apuntada...un saludo

    ResponderEliminar
  9. Muchas gracias por la información :)

    Un pregunta, ¿con qué botón del teclado haces las comillas entre las que está Prohibido? :S

    ResponderEliminar
    Respuestas
    1. Yo es que el código lo copié de otro mio que tenia no lo tuve que escribir todo sino solo añadir los enlaces...pero si lo descubro te lo digo...

      Eliminar
  10. Yo lo tengo esto pero con todos los libros en el lateral xDD

    ResponderEliminar
  11. Hola!
    Quería agradecerte el tutorial porque me ha servido para el nuevo look que le he dado al blog (he podido pasar el gadget del lateral a arriba sin que me quedara fatal). Me ha encantado como queda, así que, otra vez, mil gracias ^^

    Besos!! :)

    ResponderEliminar
  12. ¡Hola! Muchísimas gracias por este tutorial ^^ me ha sido de gran ayuda. Me ha costado pero he podido hacerlo :3

    Un beso!

    ResponderEliminar
  13. Hola!!! muchas gracias por el tutorial, estaba queriendo ponerlo en uso en mi blog y ahora podre.
    Nos leemos, un saludo

    ResponderEliminar
  14. Una pregunta... ¿Como hago para que las imagenes se queden todas del mismo tamaño?
    ¡Es que he cogido una y es enorme! Ocupa demasiado... Por favor, dime como poner las imagenes más pequeñas y al mismo tamaño :)

    ResponderEliminar
    Respuestas
    1. Se reducen primero en tinypic.com por ejemplo

      Eliminar
  15. Gracias!!! Me sirvió muchisimo!! :3
    Muy lindo tu blog <3
    Saludo!!

    ResponderEliminar

¡Tu comentario me alimenta! ;)



Related Posts Plugin for WordPress, Blogger...