Instala Gadget Últimas Reseñas debajo de tu cabecera

6 de septiembre de 2016


Hola hola terrícolas :)
Esta entrada no estaba programada para hoy, pero dado que alguien lo pidió y es bastante fácil de hacer, decidí traerles este regalito.

Antes de empezar tengo que decir dos cosas:
1) Esta entrada es conjunta ya que José del blog Letras de mi Universo me ayudó diseñando algunos logos que dicen "Últimas Reseñas" Para que todos ustedes tengan de donde elegir.

2) Les recuerdo que ya enseñe a instalar un Gadget de Últimas reseñas en forma de slider o galería en movimiento Como el que te muestro a continuación.


Si quieres aprender a instalar este gadget te dejo la entrada AQUÍ.

Ahora a lo que nos importa. El gadget que hoy les traigo está diseñado para instalarlo debajo de la cabecera y Cómo todo lo que les enseño, no es más que un código para copiar y pegar.

EL CÓDIGO:

<center>

<img src="URL DE LA IMAGEN" width="150px;" height="150px;" />

<a href="URL DE LA RESEÑA" target='_blank' title=”RESEÑA” ><img height="190px;" src="URL PORTADA" width="120px;" /></a>

<a href="URL DE LA RESEÑA" target='_blank' title=”RESEÑA” ><img height="190px;" src="URL PORTADA" width="120px;" /></a>

<a href="URL DE LA RESEÑA" target='_blank' title=”RESEÑA” ><img height="190px;" src="URL PORTADA" width="120px;" /></a>

<a href="URL DE LA RESEÑA" target='_blank' title=”RESEÑA” ><img height="190px;" src="URL PORTADA" width="120px;" /></a>

<a href="URL DE LA RESEÑA" target='_blank' title=”RESEÑA” ><img height="190px;" src="URL PORTADA" width="120px;" /></a>

 </center> 

LOS CAMBIOS:

Siempre recomiendo hacer los cambios en un documento de Word y después instalar el gadget.

 Este código está diseñado para mostrar sólo cinco reseñas. Si quieres agregar otra, copia antes de  </center>  otro bloque de:

<a href="URL DE LA RESEÑA" target='_blank' title=”RESEÑA” ><img height="190px;" src="URL PORTADA" width="120px;" /></a>

 En el primer bloque sólo va la URL de la Imagen que dice "ÚLTIMAS RESEÑAS"

 Si no quieren que las imágenes estén centradas eliminen <center></center> 

 URL DE LA RESEÑA: Está demás decir pero sí. Aquí va la dirección donde está su reseña.
 RESEÑA: Aquí pueden colocar el nombre del libro o dejarlo como reseña y ya.
 URL PORTADA: Aquí va la dirección de la portada de la reseña.

NOTA: Obtener la URL de la imagen es muy fácil. Para eso Diríjanse a su reseña y coloquen el ratón encima de la portada + clic derecho + copiar dirección de la imagen = listo. Ya tienen la URL de la portada. :) 

EJEMPLO:



LA INSTALACIÓN:

Ya que hiciste todos tus cambios y copiaste todas las direcciones y esas cosas, vamos a instalarlo como un gadget más.

Diseño → Añadir un Gadget → HTML  pegas tu código y lo colocas debajo de la cabecera.

EL RESULTADO:

Hecho todo lo anterior, tendrás algo así:



Ahora les presento las imágenes que hizo José para que utilicen. Si les gusta alguna, sólo tienen que hacer click derecho en la que quieran y copiar la URL, como mostré arriba.





Ya sé lo que están pensando. La entrada más larga del mundo mundial para explicar algo tan sencillo ¿pero qué le vamos hacer? Así soy.

Espero les haya gustado, si es así no duden en compartir y comentar y todo eso :* Muchos besitos para todos ^^

12 comentarios:

  1. Gracias por este post, lo guardaré como marcador por si en un futuro lo utilizo :)

    Un beso

    ResponderEliminar
  2. Gracias por hacerme caso y hacer esta entrada, espero y tu blog sea uno muy popular.

    ResponderEliminar
  3. jojo!! me encanta este gadget, yo me lo guardo para futuros cambios en el blog.
    Gracias por el tutorial guapa.
    ¡Un besito!

    ResponderEliminar
  4. Hola!
    Super chula esta entrada.
    Gracias por el tutorial y por los logos, quedaron preciosos.
    Besos

    ResponderEliminar
  5. Hola Ros.

    Muy util esta entrada, a mí me ha encantado. Muchas gracias

    Besos

    ResponderEliminar
  6. ¡Hola!
    Muchísimas gracias por el tutorial, me encanta. Lo probaré en mi blog.
    ¡Un beso!

    ResponderEliminar
  7. ¡Hola! Me encanta tu blog ^^
    Tienes nueva seguidora, me quedo por aquí ^^
    Espero que te pases por mi blog: http://lostinourbooks.blogspot.com.es/
    Besos (-:

    ResponderEliminar
  8. Hola Ros!!
    Lo primero, perdona por tardar tanto en pasarme por tu blog!!!
    Ya te he dicho más de una vez que me encantan tus tutos. Ya tenía el gadget, pero no sé por qué no me quedan bien las fotos en la plantilla nueva, así que veré si el tuyo me queda mejor :D
    Por cierto, las fotos de Últimas reseñas, ¡muy bonitas!
    Besos :33

    ResponderEliminar
  9. Hola guapa!! y que sencillo parece eh! yo lo tenía antes y me encantaba pero cuando cambie la plantilla no supe volverlo a poner, haber si encuentro un ratin y lo intento!!

    besos

    ResponderEliminar
  10. Graaaaaacias por enseñarnos este tuto tan útil!!! Lo probaré en cuanto pueda!!!

    Un besote enoooorme!!! ♥

    ResponderEliminar
  11. Holaa.. me encantan tus tutoriales. Una pregunta, no se puede hacer lo mismo pero haciendo que las imagenes se muevan (como el slider que enseñaste a hacer)?

    ResponderEliminar
    Respuestas
    1. Hola. Exactamente ¿qué necesitas sea igual al slider? porque si te refieres a la ubicación basta con que coloques el código del slider debajo de tu cabecera y funcionará perfectamente.

      Gracias por tu visita :)

      Eliminar