Como colocar as fotos do Instagram no blog?

em 17 de junho de 2016

atualizações 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!!!!

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

11 comentários , comente também!

  1. Mais uma vez nos ajudando! Seus posts são ótimos! Muito obrigada!

    Beijos.

    Blog Jovens Mães

    ResponderExcluir
  2. Valeuuuu deu certo amei obrigada pela ajuda

    ResponderExcluir
  3. Oi Elaine. Você poderia fazer um tutorial sobre postar fotos do insta nas postagens. Tipo quando o BuzzFeed faz, fica uma tipo de janela com a foto do próprio insta, a legenda e o perfil sabe?

    Bites!

    ResponderExcluir
    Respostas
    1. Tary, vou fazer sim. Assim que der eu monto, é bem simples :)
      bjssss

      Excluir
  4. Maravilhoso Tutorial. Obrigado Elaine deu super certo... Muito obrigado <3

    ResponderExcluir
  5. Muito bom! Fiz o passo a passo e deu tudo certo! Muito Grata! Continue com estes conteúdos de ótima qualidade! E parabéns pelo blog! Beijos, Liri :)
    http://www.estacaomaterna.com.br/

    ResponderExcluir
  6. Boa tarde Elaine,
    Consegui instalar.
    Obrigada por esses e pelos outros tutoriais.
    Grande beijo

    ResponderExcluir
  7. Ajudou muiiiiiiiiiiiiiito! Valeu!

    ResponderExcluir
  8. Muuuuiiito bom, obrigada! Já sigo no face!
    Um abraço,
    Wania Andrade
    É um Infeerrno! http://euminfeerrno.blogs.sapo.pt

    ResponderExcluir
  9. Elaine, não consegui. Aparece essa mensagem

    This is free version of our widget. HTTPS is disabled for free widgets.

    Please upgrade this widget to enable HTTPS on your awesome website!

    UPGRADE NOW!

    ResponderExcluir
  10. Amei deu super certo, obrigada por compartilhar bju bju

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…