đŸ’»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