Colocar as fotos do Instagram no blog

em 10 de setembro de 2015

como colocar as fotos do instagram no blog

Não há como negar: o Instagram chegou para ficar e sim, vai crescer.
Em um mundo cada vez mais imagem e menos palavras é natural que uma rede social voltada essencialmente à imagem cresça, e apareça.
Então, se não podemos lutar contra talvez seja inteligente usar o Instagram em benefício do blog.

Uma das formas de fazer isso é colocar no blog as atualizações que você fizer no Instagram.
Tempos atrás ensinei aqui no blog Como colocar as fotos do Instagram no blog.
Funciona, fica muito legal, mas tem o inconveniente de direcionar para o site do aplicativo e não para o nosso perfil no Instagram.

Então o tutorial de hoje é mais moderno e ensina justamente isso: colocar no blog as fotos do Instagram mas direcionando direto para o seu perfil.
Vamos aprender?


Colocar as fotos do Instagram no blog



É muito simples e fácil, você vai conseguir de primeira.
Para começar precisa, claro, ter um perfil aberto e público no Instagram.
O serviço só é disponibilizado para celular, mas hoje em dia qualquer pessoa (até eu, que detesto) tem um smartphone...

Tem perfil público?
Então clique aqui:
http://instansive.com/
Lá você verá essa página, que deve ser preenchida assim:
colocar as fotos do instagram no blog

Para ver como está ficando clique em Preview.
Depois de pronto, ao seu gosto, clique em Get Code.
Copie o código.

Agora vá ao painel administrativo de seu blog, clique na aba Layout, e a seguir clique em Adicionar um gadget.
Escolha a opção HTML/JAVASCRIPT e dentro da caixa que expandir cole o código que você gerou.
Coloque título se desejar, salve, arraste para onde deseja que fique e salve novamente.
E tem mais!
O box é responsivo, ou seja: ele vai assumir a largura da área onde for colocado, redimensionando automaticamente o tamanho das fotos.
Legal, né?

Tem um porém: na versão gratuita, que é a que eu estou ensinando, o widget só vai atualizar uma vez ao dia.
Então, se você posta muitas fotos em seu Instagram e deseja que elas apareçam mais rapidamente no blog precisará da versão pro.
Caso queira fazer o upgrade precisará desembolsar cerca de 10 dólares.

Bônus
Que tal incluir um botão Follow me junto com suas fotos, no blog?
Assim, veja o print:

Para gerar o seu clique aqui:

http://instafollowbutton.com/

A seguir preencha os campos solicitados, escolha como deseja seu botão e depois de concluir copie o primeiro código que aparece, o código HTML.
A seguir cole-o abaixo do código que você gerou no site Instansive e colocou em seu blog.
Copie então o segundo código do botão, o código JAVASCRIPT, e cole-o abaixo do primeiro código.
Salve.
Ficará exatamente como no meu exemplo.
Assim as pessoas poderão seguir seu perfil direto de seu blog, aumentando as chances de alcance.


Gostou do tutorial de hoje?
Então me ajude a divulga-lo, para que ele alcance e ajude mais pessoas.
Ah, e claro, aproveita e "segue eu"?





Elaborei um tutorial mais atualizado e mais completo.
Quer acessar?
Ver o tutorial atualizado

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. Obrigada Elaine, coloquei as fotos do Instagram nos blogs, bjs Solange.

    ResponderExcluir
  2. Gostei do tutorial, muito bem explicado... Já coloquei minhas fotos do Instagram em meu blog.
    Obrigada!

    ResponderExcluir
  3. Oi Elaine,
    Mais uma vez venho agradecer sua generosidade e facilidade com que nos ensina essas coisinhas lindas pra fazer no blog. Eu já usava o código antigo, apesar do direcionamento para o citado site, mas este é bem melhor.
    Ah, uma coisinha que ajustei: pra centralizar o botão FOLLOW, acrescentei < center > antes do código gerado.

    Beijos

    ResponderExcluir
  4. Olá Elaine, tudo bem? Essa sua dica foi simplesmente incrível e me ajudou muito. Agradeço pela ótima dica.

    ResponderExcluir
  5. Oi, Elaine! Segui suas instruções e coloquei o Instagram no blog, a única coisa que não apareceu foi o meu username, assim, como no seu... Por que será?
    Bjs!

    ResponderExcluir
    Respostas
    1. Louh, acho que é porque falta a segunda parte do tutorial, releia que vai dar certo :)

      Excluir
  6. Elaine, Louh, aconteceu comigo. Eu nao tinha prestado atencao: vc precisa estar com seu instagram aberto, dai vc clica a esquerda, onde se le "Button Preview: User: @igfbdotcom, Get Yours", dai seim, vc clica no GET YOURS que ele vai la na sua pagina do Insta e "puxa" o seu user name. Espero ter ajudado. Bjka.

    ResponderExcluir
  7. Elaine muito obrigada pelas dicas do seu blog, se não fosse vc não sei o que seria de mim...
    Ainda tou remexendo meu blog prfa ficar lindo e teu blog tem ajudado muito!
    Segui.
    Obrigada mesmo!
    Beijos,
    http://sorrisometalicobehappy.blogspot.pt/

    ResponderExcluir
  8. Amei coloquei em meu blog e ficou lindo...
    Gostei, muito legal!
    Blog ArroJada Mix
    Divulgação de Blogs

    ResponderExcluir
  9. Olá, Elaine!

    Tudo bom?
    Eu sei que o assunto sobre o qual vou falar é outro, mas eu não encontrei a página sobre updloadar fotos no blog! Então, eu estou com enorme dificuldade em uploadar uma foto no meu blog (aquela foto do perfil do editor). Eu queria fazer num tamanho maior, mas sempre fica um quadradinho pequeno. Eu não usei no modo "updload imagem", tentei fazer postando o URL da imagem e mesmo assim não deu certo.
    Vc poderia me ajudar?
    Muito obrigada!!!!
    Parabéns pelo blog!!

    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…