Quer aprender? Continue lendo...
Clique na imagem para ampliá-la.
1: Escolha a Conta (@suaconta) ou a Hastag (#suahastag) das fotos que devem aparecer no blog. (Um ou outro)
2: Escolha o modo que suas fotos aparecerá no widget. (Grid: Em grade. / Board: Em grade, mostrando a descrição da foto. / Scrolling: Barra de rolagem. / Slideshow: Fotos em slide. / Map: Mapa com fotos.)
3: Tamanho de cada foto.
4: Número de linhas e colunas de fotos.
5: Borda nas fotos.
6: Cor de fundo do widget.
7: Espaço entre as fotos.
8: Efeito nas fotos. (Fade in: Foto colorida ao passar o mouse./ Fade out: Foto cinza ao passar o mouse.)
9: Botões de compartilhamento.
10: Widget responsivo de modo que se ajusta.
Clique em "Preview" para uma pré-visualização e em "Get Widget" para gerar seu código.
Clique na imagem para ampliá-la.
1: Escolha a Conta (@suaconta) ou a Hastag (#suahastag) das fotos que devem aparecer no blog. (Um ou outro)
2: Escolha o modo que suas fotos aparecerá no widget. (Grid: grade. / Slideshow: Fotos em slide.)
3: Tamanho de cada foto.
4: Borda nas fotos.
5: Cor de fundo do widget.
6: Botões de compartilhamento.
Você terá uma pré-visualização no lado direito da tela, mas pode clicar em "Preview" para ter a pré-visualização maior. Clique em "Get Code" para gerar seu código.
Clique na imagem para ampliá-la.
Ao entrar na página, vá para o quadrado "On Your blog & Website" e clique em "Get your widget".
Você será direcionado a outra página, onde fará a configuração do seu widget. Veja abaixo:
Clique na imagem para ampliá-la.
1: Escolha "My Feed" para as fotos de sua conta, ou "Hastag" para as fotos de alguma hastag.
2: De acordo com o escolhido na opção 1, digite sua conta (@suaconta) ou sua hastag (#suahastag).
3: Escolha para onde serão redirecionados as fotos, ao serem clicadas. (Iconosquare ou instagram)
4: Tamanho de cada foto.
5: Escolha o modo que suas fotos aparecerá no widget. (Grid: grade. / Slideshow: Fotos em slide.)
6: Número de linhas e colunas de fotos.
7: Espaço entre fotos.
8: Cor de fundo do widget.
9: Cor do texto do widget.
10: Marque se quiser borda no widget. Se marcar, escolha a largura e a cor.
Clique em "Get Code" para que seu código seja gerado.
Como colocar no seu blog:
Entre no painel do seu blog > Layout > Adicionar um Gadget > HTML/JavaScript
Cole seu código e salve. (Veja na imagem abaixo)
Clique na imagem para ampliá-la.
OBS: Seu instagram precisa estar no modo público.
Esperamos que tenham gostado.
Até o próximo post! =D
OBS: É proíbida a cópia deste material (texto e imagens).