quinta-feira, 8 de maio de 2014

Como inserir uma foto do Instagram numa página web


Atualizado em 19/janeiro/2015.

A rede social Instagram pode começar a ser vista por você como mais um banco de imagens, uma vez que já permite, há algum tempo, que as fotografias armazenadas em qualquer conta/perfil PÚBLICO de lá possam ser usadas por qualquer pessoa na internet. Isto é feito através do recurso de incorporar/embutir (embed). A seguir, um pequeno tutorial de como proceder.

1) Acesse o site do Instagram através de um navegador;

2) Acesse a conta/perfil que tem a foto que você deseja usar ou acesse diretamente a foto, caso já tenha seu link em mãos. Exemplo de conta: http://instagram.com/marscuriosity, a conta da NASA com as fotos do robô Curiosity Rover, que se encontra em Marte;

3) Vá até a fotografia em que você está interessado;




4) Clique no botão com 3 pontinhos ao lado da caixa de comentários (veja seta vermelha na figura acima) e depois clique no link Embed;

5) Selecione o código HTML que aparece na janela Embed e clique no botão Copy Embed Code. Se a cópia não funcionar assim, use o atalho de teclado Ctrl + C. Caso queira que a legenda/comentário também vá junto com a foto, marque antes a caixinha Include caption. Pronto! É só colar o código HTML na página de seu website ou no post de seu blog e publicar.




O código HTML, por padrão, adaptará a largura da foto e de seu quadro à largura da página de seu website ou à largura da coluna de posts de seu blog. Para exibí-la com um tamanho menor, procure no código HTML o trecho "width:-webkit-calc(100% - 2px); width:calc(100% - 2px)" e altere as duas porcentagens para o valor que você quiser. Os dois valores devem ficar iguais para que a foto continue aparecendo quadrada, assim como ela é no Instagram.

Não é necessário dar crédito ao autor, pois a imagem já vai aparecer com um link para o perfil de seu criador e com um botão que dá acesso à página da fotografia original lá no Instagram. Veja abaixo exemplo com a foto do item (3) acima, com 90% do tamanho original.




Fique atento aos nossos próximos posts, pois neles vamos dar dicas de perfis no Instagram os quais você pode seguir para obter imagens úteis.


Etiquetas:
Inserindo fotos, fotografias, do Instagram em blogs, blogues, websites, páginas web
Como usar fotos, fotografías, de Instagram en blogging, blogs, sitios web, páginas web



Nenhum comentário:

Postar um comentário

Deixe aqui seu comentário a respeito do conteúdo deste post. Para fazer comentários sobre o blog em geral (sugestões, críticas, pedidos de ajuda/esclarecimento quanto a algo etc.) acesse o formulário de contato clicando no link Fale conosco que está logo abaixo da imagem de cabeçalho do Imagens Cristãs.

LinkWithin

Related Posts with Thumbnails