Como colocar imagens do Instagram no seu site sem instalar nada.

COMO COLOCAR FOTOS DO INSTAGRAM NO BLOG

Galera esses dias estava sofrendo procurando um modulo ou plugin para joomla 3 para mostrar as imagens do instagram, e sofri muito até encontrar esse tutorial perfeitamente o que eu precisava.

No meu caso como uso joomla 3.x criei um módulo html e colei o código e funcionou perfeitamente.

Leia na integra.


INSTANSIVE
 
Eis o meu queridinho. O widget do Instansive é o mesmo que estou usando atualmente no blog, e como podem ver, ele redireciona para o instagram o/ E ele é bem simples de configurar, pois é um widget responsivo, ou seja, ele se ajusta ao tamanho do seu layout. 
A única coisa a se fazer é colocar seu username lá na primeira opção, selecionar o "Type of widget" (grade, slide ou em colunas com as legendas) e a quantidade de fotos que quer, dependendo do tipo que você escolher.
Em "Image hover effect" você seleciona o efeito que quer ao passar o mouse em cima das fotos e marque "Show captions" caso queira que as legendas apareçam em baixo.
O ponto negativo do widget pelo Instansive é que até o momento, na versão gratuita, ele atualiza apenas uma vez por dia.

 

Ao lado do seu username você pode marcar "Show infos", caso queira que apareça aquela faixinha ali em cima com o número de fotos e de seguidores do seu perfil. 
Em "Linking to" selecione a opção "Instagram" (isso fará com que, ao clicar na sua foto, as pessoas sejam redirecionadas para o seu perfil no insta). 
Em "width" coloque o tamanho (largura) que dê certo no seu layout (tamanho dos gadgets na sidebar). 
"Mode" permite que você escolha entre deixar as fotos em grade (e então, selecionar abaixo -layout- quantas fotos quer na vertical e quantas quer na horizontal) ou deixar as fotos passando em slide.
"Padding" e "Photo border" são, respectivamente, o espaço que você quer deixar entre as imagens e se quer bordas nelas ou não.
Os últimos três itens se referem ao widget em si, cor do fundo, cor das letras e se quer borda ou não. Deixe como você preferir.
O ponto negativo do widget pelo Iconosquare, é aquele "INSTAGRAMS" ali em cima, que não tem opção para retirar :(
 

Depois de escolher qual widget você quer usar, clique em "GET CODE" e selecione o código que aparecer.

Vá no blogger, em LAYOUT > clique em ADICIONAR UM GADGET > e selecione um de HTML/JAVASCRIPT, onde deverá colar o código que o site disponibilizou.

Fácil não? Espero que tenham gostado das dicas!
Ah, deixem nos comentários sugestões de tutoriais que vocês gostariam de ver aqui no blog!

Fonte: http://www.coisasdealexia.com.br/2014/10/como-colocar-fotos-do-instagram-no-blog.html

Esta resposta lhe foi útil?

 Imprimir este Artigo

Veja também

Como adicionar ou retirar aplicativos à inicialização do Windows 8 ou Menu Iniciar chamado antigamente.

Como adicionar aplicativos à inicialização do Windows 8Adicionar aplicativos à inicialização...

[+] - Curso Gratuito EAD: Direitos Autorais e Sociedade

           O curso Solução de controvérsias privadas faz...

Magnetismo da Terra: Curso gratuito por EAD

                    Aprenda sobre tempestades...

Templates Prontos em Bootstrap, Responsivos e html5 e css3 e o Melhor Grátis.

As Vezes precisamos de Alguns temas específicos e prontos para personalizar e felizmente...

Hospedagens alternativas para o Joomladay Brasil maio de 2014

O Micael Pereira  (< vá até o perfil dele) residente em São Paulo Capital...

Powered by WHMCompleteSolution