💻Tutoblog para ti #15: Instagram en tu blog.

domingo, 10 de julio de 2016

¡Holaa lectores! Hoy les traigo un tutorial que me habían pedido bastante, y se trata de colocar un gadget en el que se puedan ver las imágenes de nuestro Instagram.
Yo todavía estoy considerando colocarlo, pero si ustedes deciden utilizarlo, no olviden contarme qué tal les quedó.
Espero que les guste el tutorial y les resulte de utilidad...

 Paso 1:
Deben dirigirse a SnapWidget. Allí deben registrarse y hacer clic en Create your first free widget today! 

 Paso 2:
Les aparecerá una variedad de 'estilos' de widgets que pueden crear. Ustedes eligen el que más les gusta y hacen clic en Create your widget.
  Paso 3:
Deben editar el formulario que les aparecerá. Por ejemplo yo elegí el primer estilo de widget.



















❤️‍Username: allí colocan el nombre de usuario de su cuenta de Instagram.
❤️‍Description: si quieren pueden colocar una breve descripción.
❤️‍Thumbnail Size: Allí definen el tamaño con el que se verá cada imagen.
❤️‍Layout: definen cuantas imágenes aparecerán, por ejemplo yo elegí que aparecieran dos imágenes de ancho por dos de largo...no sé si me explico...
❤️‍Photo Border: eligen si el widget tendrá o no borde.
❤️‍Background Color: si quieren que el widget tengo un fondo de un determinado color, sólo deben colocar el código del color que ustedes quieran.
❤️‍Photo Padding: es la distancia entre foto y foto.
❤️‍Hover Effect: allí eligen el efecto que se producirá al colocar el cursor sobre la imagen; por ejemplo, que desaparezca o que se funda o simplemente ningún efecto.
❤️‍Sharing Buttons: allí eligen si apareceran los votones para compartir las imagenes en Facebook y Twitter.
❤️‍Responsive: allí eligen si el botón va a ser sensible o no...sinceramente no entendí esto jaja

 Paso 4:
Si ya terminaron de diseñar su widget, deben hacer clic en Get widget y copiar el código que les aparecerá. 
 Paso 5:
Para colocar el código en su blog, deben ir a DiseñoAgregar gadget HTML/JavaScript. 
Y hacen clic en Guardar y listo. Quedaría algo así:


Hasta aquí llegaron el tutorial de hoy, espero que les haya gustado  y resultado de su utilidad, el próximo domingo subiré otro tutorial, el cual ustedes deben eligir mediante una votación (Gadget de votación titulado "Tutoblog #16", en la parte superior del blog).

 Si no quieren perderse nada, recuerden suscribirse y seguirme en mis redes sociales.
¡Un abrazo literario!

20 comentarios:

  1. Hola. La verdad es que estaba buscando un tutorial así para poder poner mi instagram en el blog, así que muchas gracias :)

    ResponderEliminar
    Respuestas
    1. Hola, que bueno que lo hayas encontrado jaja
      Saludos!

      Eliminar
  2. Muchas gracias por el tutorial, de momento no lo pongo pero siempre está bien saber cómo hacerlo :)
    th3readersdiary

    ResponderEliminar
    Respuestas
    1. Hola, gracias a ti por visitar y comentar el tutorial!
      Un beso *-*

      Eliminar
  3. ¡Hooola! Un tutorial sencillo y necesario para aquel que tenga cuenta en bookstagram. Yo personalmente no la tengo, pero ya me crearé una si acaso.
    Pondré en práctica el tutoblog cuando lo necesite.
    ¡Un abrazo!

    ResponderEliminar
    Respuestas
    1. ¡Hola Gloria! Muchas gracias por comentar.
      Espero que en algún momento el tutorial te resulte útil :)
      Saludos!

      Eliminar
  4. Gracias por la entrada, yo definitivamente aun no estoy convencida de poner instagram en mi blog, pero si decido hacerlo ya se para donde venir. Un saludo
    cdc

    ResponderEliminar
    Respuestas
    1. De nada! Espero que en algún momento resulte de tu utilidad :D
      Un besote!

      Eliminar
  5. Yo lo uso desde hace tiempo y me gusta mucho como queda! 💞
    Besos

    ResponderEliminar
  6. Hola, guapa
    Es un tutorial muy útil, es una de mis secciones favoritas
    besos

    ResponderEliminar
    Respuestas
    1. Hola!
      Me alegra muchísimo que esta sea una de tus secciones favoritas :3
      Un brazo de oso!

      Eliminar
  7. Algún día me sentaré y empezaré a poner en practicas todos tus tutoriales lo prometo <3

    ¡SE MUUUUUUUUUUUUUUUUUUUUUUUUUY FELIIIIIIIIIIIIIIIIIIIIIIZ! :):)

    ResponderEliminar
    Respuestas
    1. jajajaja espero que la mayoría sean de tu utilidad!
      Un besote enorme *-*

      Eliminar
  8. ¡Hola, bonita! Muchísimas gracias por el tutorial, siempre trayendo cosas innovadoras ♥

    ResponderEliminar
    Respuestas
    1. ¡Hola Patri! Gracias a ti por comentar y estar presente en mi blog :)
      Besotes guapa *-*

      Eliminar
  9. ¡Hola!
    Hacía tiempo que buscaba un tutorial como este y no lo encontraba por ningún lado.
    Muchas gracias por ser mi salvadora una vez más!
    Un besito <3

    ResponderEliminar
    Respuestas
    1. Holaa Vero, es un honor ser tu salvadora jaja
      Un besote!

      Eliminar
  10. Hola!!

    Gracias por el tuto!! Me encanta

    Te sigo y te invito a seguirme :)

    Un abrazo

    ResponderEliminar
    Respuestas
    1. Holaa! que bueno que te guste el tutorial :)
      Ahora me paso por tu blog
      Gracias por seguirme!

      Eliminar

¡Hola lectores!
Si amas ♥ el olor a libro como yo, no puedes irte
sin antes dejar un comentario
¡Siempre los devuelvo!
Por favor evita hacer spoilers y que prevalezca el
respeto ante todo.
♥ Tu opinión es muy importante para mí♥

Santa Template by Mery's Notebook © 2014