Hace unos días me llego un mensaje donde me preguntaban como puedo agregar las fotos de Instagram en Blogger; y bueno estuve googleando y encontré varias paginas de generadores de widget para Instagram, pero el que mas me gusto fue este SnapWidget, ya que tiene una fácil configuración y es muy rápido de obtener el código. El único problema que le encontré es que la pagina esta en ingles, pero para eso esta este post,
Lo primero que tenemos que hacer es entrar a la pagina de SanpWidget. Una vez dentro de la pagina tendrán un formulario como este:
En este formulario llenaremos la mayoría de los datos que nos pide. Son datos o mejor dicho son los valores de diseño que tendrá el Widget. Aquí les mostrare algunas opciones detalladamente que es importante que sepan:
Tipo de Widget (Widget Type)
Esta es una de las mejores funciones de este widget ya que nos permite escoger que diseño tendrá nuestro Widget. Tiene cinco distintos diseños que puedes usar y cada uno se puede personalizar a tu gusto. Veremos cada uno de estos diseños continuación;
- Cuadricula (Grid )
- Tablero (Board )
- Desplazamiento (Scrolling )
- Slideshow
- Mapa (Map )
Cada una de estas opciones tienen diferente configuración así que es cosa de que ustedes estén jugando con los valores y ver cual es el que les agrada y queda mejor en su Blog. Solo les mostrare como es la configuración de el diseño que mas se usa, el cual es Grid (Cuadricula )
Grid (Cuadricula)
Yo recomiendo usar esta ya que es la que mas se usa y se ve sencilla pero muy elegante. Se que le dara un mejor aspecto a tu Blog.Veamos lo que recomiendo modificar:
- Username Aqui va nuestro usuario de nuestra cuenta de Instagram.
- Widget Type Grid
- Thumbnail Size Es el tamaño de las miniaturas de nuestras fotos que se mostraran.
- Layout Aqui serian las columnas y filas respectivamente que tendra nuestro Widget.
- Photo Border El borde de la foto. Normalmente lo dejo en NO
- Background Color Aqui puedes escoger el color de fondo del widget. Yo recomiendo dejarlo como viene, sin ningun valor para que sea transparente
- Photo Padding El espacio que habra entre las miniaturas
- Hover Effect El efecto que tendra al pasar el cursor por cada miniatura.
- Sharing Buttons Esta pagina te da la opcion de agregar botones de compartir en facebook y twitter.
¿Tienes alguna duda?