Postagem em destaque

10 motivos pelos quais eu odeio o Natal

Eu odeio festas de fim de ano, principalmente o natal. Sinceramente eu não me encaixo nesse status quo onde a hipocrisia das pessoas parec...

quinta-feira, 14 de junho de 2012

Como exibir as suas imagens do Instagram em seu blog

O Instagram é um app de sucesso, que antes restrito aos usuários do iPhone, teve sua versão lançada para o Android e obteve um sucesso estrondoso, tanto é que foi comprado pelo Facebook. Com o Instagram você tira fotos em seu dispositivo móvel e aplica vários filtros, disponibilizados pela ferramenta, e as publica nas principais redes sociais do momento.

E se você quiser mostrar essas fotos em seu site ou blog? Há uma ferramenta online gratuita que permite que você coloque uma galeria com as suas imagens no layout, especialmente na barra lateral. É o SnapWidget!

Site do SnapWidget
Para configurar o widget, clique em "Get Started" na página inicial do SnapWidget. Nesta página, você irá configurar o widget para dispor as imagens como você quiser:

Configurações do SnapWidget
- Em "Username", você coloca o nome de usuário que você registrou no Instagram.
- Em "Hashtag", você coloca palavras-chaves ou tags, ou deixa em branco.
- Em "Slideshow",  as imagens aparecem como num slide, você pode clicar em "Yes"(sim) ou "No" (não).
- Em "Thumbnail Size", você ajusta o tamanho da imagem em px, por default é 100px, você pode alterar o valor.
- Em "Layout", você ajusta o numero de imagens que aparecem no widget. Por default, vem 2 x 3, ou duas colunas e três linhas. Você pode alterar esses números, mas o máximo de imagens é 60.
- Em "Photo Border", você coloca "Yes" (sim) para ter uma borda nas imagens ou "No" (não).
- Em "Background Color", você coloca a cor do plano de fundo. Você pode deixar em branco para usar como transparência.
- Em "Photo Padding", você coloca em px o espaço entre cada imagem. Por default, vem 5px, que pode ser alterado.
Feitas as configurações, clique em "Preview", para a pré-visualização do widget:

Preview do widget

Se tudo estiver OK, clique em Get Code, para obter o código para ser inserido no layout do seu site ou blog:

Código do widget
Para colocar no Blogger, vá em Painel de controle >> Layout >> Adicionar um Gadget (da barra lateral ou qualquer outro local em seu blog) >> Clique em HTML/Javascript e cole o código fornecido, e clique em Salvar.

No meu outro blog, o Dorgas on Fire!, coloquei o widget na barra lateral, conforme mostra a figura:

SnapWidget no Dorgas on Fire!

Ainda não tem o Instagram em seu smartphone ou tablet? Faça o download do aplicativo na APP STORE, para o iPhone e iPad, ou no GOOGLE PLAY para dispositivos móveis com o Android.

2 comentários:

  1. Muito obrigada pela dica, faz um tempo já que estou a procura de um tutorial bacana pois não estava conseguindo colocar o instagram no meu blog, e você ajudou bastante coloquei e ficou muito legal, valeu :D

    ResponderExcluir

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Related Posts with Thumbnails
Google