Como colocar as fotos do Instagram no blog?

Há, aqui no blog, 2 tutoriais que ensinam como você pode inserir em seu blog um box com as atualizações de seu Instagram.
Relembre:
Colocar as fotos do Instagram no blog com Snapwidget
Colocar as fotos do Instagram no blog com Instansive Widget

Ambas funcionam mas ambos os serviços sofreram atualizações desde a época em que os tutoriais foram escritos.
Assim, vou aproveitar os pedidos de ajuda e atualizar a forma de colocar as fotos do Instagram no blog.
Vamos lá?


Para começar você precisa escolher qual serviço quer usar, Snapwidget ou o LightWidget (atualização do Instansive).
Há algumas diferenças entre eles:

Snapwidget:

• oferece pouca personalização na versão free;;
• fornece botões de share para Facebook e Twitter;
• também tem a opção de gerar box do Twitter;
• e o principal: não direciona para seu Instagram mas sim para uma página do aplicativo.

LightWidget:

• tem mais opções de personalização;
• não possui botões de share;
• atualiza o box uma vez a cada 24 horas na versão free;
• direciona diretamente para seu perfil do Instagram;

Clique aqui e veja ambas as versões instaladas

Instalando o box com suas fotos do Instagram no blog

Vou mostrar como usar ambos, tá?
Para começar, o Snapwidget.
Acesse esse link.
Você verá essa página:

Clique em Sign Up e crie sua conta. Está em inglês mas é muito, muito simples!
Depois da conta criada abrirá uma página.
Na página que abrir você verá isso:

Na primeira caixinha clique em Create your free widget.
Na página que abrir clique em Username.
Será preciso estar logado em sua conta Instagram para validar o box.
As suas fotos já aparecerão na lateral direita.

Escolha o modo de personalizar que deseja (vá clicando em Preview para ver como está) e após concluir clique em Get widget.
Copie o conteúdo da caixinha e cole em seu blog como gadget HTML/JAVASCRIPT.
Nomeie se desejar, salve e tá feito.

Para usar  a opção LightWidget clique nesse link.
Você verá a página inicial.

Clique no botão Log In para fazer login no Instagram caso não esteja logado.
Tem que logar senão as fotos não aparecem.
A seguir veja o campo @username.
Aparecerá seu user do Instagram.
Daí é só configurar como desejar e ao terminar clique em Get Code!
Copie o conteúdo da caixinha e cole em seu blog como gadget HTML/JAVASCRIPT.
Arraste para onde deseja que fique e salve.
Tá feito!

Dica extra: Como inserir um gadget HTML/JAVASCRIPT

Vá ao painel de seu blog e clique na aba Layout.
A seguir clique em Adicionar um gadget e dentre as opções escolha HTML/JAVASCRIPT.
Dentro da caixa que expandir cole o código de seu blog e salve. Nomeie se desejar e salve.
Arraste para onde deseja que fique e salve as alterações em seu Layout.

Gostou?

Então compartilhe com os amigos!!!!