ūüíĽ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