Mostrando postagens com marcador Instagram. Mostrar todas as postagens
Mostrando postagens com marcador Instagram. Mostrar todas as postagens

sábado, 31 de outubro de 2015

Implementando fotos do Instagram com Intagme




Em outro artigo eu expliquei uma forma de incluir as fotos do Instagram  diretamente no seu site.

Se você não leu o artigo clique aqui.

O outro método é utilizando é utilizando o SnapWidget. Hoje vamos usar o Intagme.

O Intagme é muito fácil de usar e também é grátis.

Você só precisa do nome da conta do Instagram o qual vai implementar no site.


Acesse o site http://www.intagme.com/

A página está em Inglês, se necessário traduza clicando com o botão direito do mouse em qualquer parte  do site e depois selecione a opção de tradução (isto no Crhome)



Em Widget tipo você informa se deseja do tipo slider ou Grade de fotos. No exemplo vou utilizar a Grade, pois quero no site uma galeria.

Em Thumnail Size você Informa o tamanho da cada foto em Pixels. Vou definir como 100px.


Disposição você informa o númer ode fotos em toda área seguida para baixo. O máximo é 60. Se minha área na página do site disponível  tem a largura de 860 px. e altura de 328 px para dar um visual bacana vou por 2  fileiras com 8 fotos. sendo 8 x 3

Em photo border vou definir se quero borda em cada foto ou não. Pus que sim.

Em cor do fundo deixei em branco para que fique transparente. Caso deseje uma cor informe o código da cor.

Já em Foto Preenchimento , que é a quantidade de espaço entre cada foto. Se estou gastando em cada fileira 800 px com as fotos vou por um espaço de 5 px entre cada uma.

E por último vou dizer que sim para que adicione botões de compartilhamento em cada foto. Afinal, hoje em dia a moda é compartilahr..rs


Você pode ter uma visualização prévia clicando em Visualização.

Para implementar no seu projeto Webacappella é muito simples. Clique em Obter Código

Marque todo o código na tela que aparecer, copie.



Agora no Webacappella, na página que irá incluir as fotos do Instragram clique use da opção INSERIR >> CÓDIGO HTML  e cole o código copiado.



Prontinho, agora basta publicar o site




Text Widget

Facebook

Flickr Images