6 de febrero de 2017

Feebies: 3 Modelos HTML para mostrar tus Últimas Reseñas/Opiniones

Para comenzar la semana con buen pie, en esta ocasión les traigo un regalo.    No les presentare un tutorial, simplemente los mostrare el resultado, es una especie de feebie, los cuales pueden copiar y agregar en su blog. Todos y cada uno, en un simple gadget HTML.


Vista Previa

Los blog literarios o de Cine & Tv les gusta mostrar siempre en la sidebar o cualquier otro lado del blogs, las últimas opiniones posteadas. Se suele utilizar un gadget HTML/Javacript  y a él simplemente se le agrega las imágenes y enlaces. A pesar de que no queda mal, siempre hay que buscar nuevas y divertidas maneras de sorprender a nuestros seguidores cuando estén navegando en nuestro blog, así que hoy les he creado varios diseños para que muestras sus opiniones/reseñas.
Cada uno de los tres diferentes diseños que les mostrare y que estoy compartiendo con ustedes tienen efectos hover, es decir, cuando pasen el cursor sobre sus imágenes, algo cambiara y/o se mostrara. 

Notas

→ Cada diseño ha sido codificado para que sirva en los laterales o encabezados del blog. Si lo colocas en los laterales te recomiendo que la cantidad de imagenes sea un número par. 
→ Antes de agregarlos en tu blog verifica los códigos en htmledit.squarefree.com. Aprovecha esa página y has los cambios necesarios
→ Puedes cambiar las ⭐⭐⭐⭐ por otro tipo de emoji (★★★★★) o por cualquier texto texto.
→ Recuerda agregar el URL de tu opinión/reseña y el URL de la imagen que quieras y/o que represente el libro/película/serie.. 
Puedes modificar el alto de la imágenes para que se adapte por completo al lateral o encabezado de tu blog.
  • El alto se modifica en: <a href="ENLACE"><img class="img" height="200" src="URL-DE-LA-IMAGEN" title="T" /></a>
  • El ancho en: .container { width: 130px;
→ Si quieres añadir otra sección/imagen agrega debajo de los últimos </div> </div> lo siguiente: 
<div class="container">
<div class="div-img" >
<a href="ENLACE"><img class="img" height="200" src="URL-DE-LA-IMAGENg" title="Opinión" /></a>
<div class="stars">⭐⭐⭐⭐⭐</div>
</div> </div>





Espero les gusten y los lleguen a utilizar, como seguro se darán cuenta, utilizo estos formatos para mostrar mis propias reseñas..
Saludos y hasta la próxima...

8 comentarios:

  1. Hola guapa!!
    Madre mía, desde que te he descubierto, me dejas más que alucinada. No sé de dónde sacas todo esto, pero me fascina!!
    Me anoto tu entrada y vuelvo, porque me ha enamorado el modelo número dos!!
    Besos :33

    ResponderEliminar
    Respuestas
    1. Practica y más practica!
      Me llevo todo el día pero el resultado y que a todos les agrade es más que suficiente!!
      :3
      Saludos!!!!

      Eliminar
  2. ¡Hola!

    Hace tiempo soy seguidora de tu blog pero realmente nunca me paso demasiado tiempo por estos lares, pero tus tutoriales me tienen fascinada, así que este no fue la excepción (aunque fue una tortura escoger un modelo *-*/) pero al final escogi el primero. Muchas gracias por el maravilloso trabajo que haces.

    Se despide.
    Mayra.
    http://adictoalos.blogspot.mx/ (Pasa a ver tu obra de arte)
    PD: Es lo primero que vez

    ResponderEliminar
    Respuestas
    1. Hola Mayra!!!!!
      Que bueno que te gusten los tutoriales!!! Disfrútalos todos!!!
      Y el feebies se ve muy hermoso en tu blog!!!
      ASDFGHJKLÑ me alegro mucho!!!!

      Besos y muchos abrazos!

      Eliminar
  3. ¡Wow!
    Me encantan, la verdad es que me parecen unos freebies preciosos , en especial el primero♥
    ¡Muchísimas gracias!
    Besitos<3

    ResponderEliminar
    Respuestas
    1. Hola Snu!!!!
      Tu blog es muy hermoso, así que es todo un honor que te gusten!!!

      Saludos y hasta la próxima!

      Eliminar
  4. OH MI DIOS!!! SON GENIALES *w* Y perfectas porque estoy retocando de nuevo en mi blog de pruebas porque siento que me falta algo al actual diseño de mi blog y definitivamente uno de estos modelos estará en mi diseño retocado *w* Ayyy son geniales, gracias por compartirlos♥

    ¡Un besote!

    ResponderEliminar
    Respuestas
    1. De nada!!!
      Es todo un placer... ya me pasare por tu blog a ver que tal!

      Eliminar