[Instansive] Como colocar fotos do Instagram no Blog | Chá para Expectativa

[Instansive] Como colocar fotos do Instagram no Blog


Alguns leitores me perguntaram como eu coloquei o Widget que redireciona para o perfil do Instagram. Atendendo a pedidos, aqui está o post sobre o widget “Instagram” misterioso que uso no meu blog.
Primeiramente, créditos a Aléxia Fraga do blog Coisas de Aléxia. Foi lá que descobrir esse tutorial maravilhoso e, já cheguei a compartilhar o link do post dela para algumas pessoas que andaram perguntando sobre. Como ainda tem gente pedindo, então decidi fazer um post para deixar registrado aqui. rs


Conhecendo o Instansive

O que o Instansive tem de tão diferente dos outros como SnapWidget, Webstagram e cia? Ele te redireciona diretamente para o site do Instagram e é um widget responsivo. Isso mesmo! Ele se ajusta conforme o tamanho do seu layout. Só é preciso configurar outras opções. 


Clique na imagem para ampliar

1. Coloque seu username do instagram.

2. Tipo widget a ser exibido: Grid (Grade), Slideshow ou Columns (Colunas estilo Pinterest).

3. Number of columns  Números de colunas.

4. Number of rows – Números de linhas.

5. Image hover effect “Imagem efeito hover”. Normalmente já vimos esse efeito em menus de páginas. Quando passamos o cursor do mouse em cima, uns mudam de cor, outros mudam de imagem e etc. No Instansive, as imagens ficam com um efeito opaco.
  • Fade In – O efeito opaco aparecerá quando passar o cursor do mouse em cima das fotos.
  • Fade Out  O efeito opaco desaparecerá quando passar o cursor do mouse em cima das fotos;
  • None – Nenhum efeito.


6. Use image preloader – “Use imagem preloader”. É um ícone de carregamento antes de aparecer as imagens.

7. Show captions – Mostrar legendas.

8. Remove photo padding – “Remover estofamento da foto”. Remover o espaço entre as fotos.

Clique em Preview para visualizar a prévia e em Get Code! para copiar o Widget. 


Inserindo o código 


1. Em layout clique em adicionar um gadget

2. Selecione o gadget HTML/JavaScript;
3. Em seguida, cole o código em conteúdo e clique em salvar.


Depois que você fizer todas as configurações conforme o seu agrado e, inserido o código corretamente, pronto! Já estará funcionando no seu layout.

Não funcionou! Está aparecendo ERROR ou imagem em branco.

Quando acontece esse tipo de erro é porque suas imagens não estão públicas no Instagram ou o código não foi copiado e inserido corretamente. Verifique!
Uma desvantagem do Instansive na minha opinião, é que o widget na versão gratuita, atualiza a foto mais recente a cada 24 horas. Caso queira que ocorra atualizações mais recentes - de forma momentânea, é preciso adquirir um pacote pago. (Saiba mais aqui)

Mesmo com esse "defeitinho", eu gostou bastante desse widget. É muito bom clicar na foto e ir direto para o site do instagram. Diferente dos outros, que redireciona para o próprio site e que muitas das vezes encontramos poluição de propagandas.
Qualquer dúvida, comente no post abaixo.
Beijos!

Atualização - maio 2016: O Instasive agora é Lightwidget.


Não se esqueçam de seguir o blog e me acompanhar nas redes sociais 


*Post indicado pelo blog Pronome Interrogativo (08/02/15)
*Escolhido pelo CBBlogers como post/blog da semana (09/02/15)

Eu Sou do CBBlogers
O que achou deste post?
Chá para Expectativa© 2016 - 2017 | Layout por A Design