Colocar fotos do Instagram no blog

em 2 de setembro de 2013

Você é usuário do Instagram?

Clique aqui e saiba tudo sobre o aplicativo

Se você tem perfil na rede social  (uma das mais comentadas do momento) que tal instalar um gadget com as suas últimas atualizações?
Para ter no blog é mega simples!

Comece acessando esse link:
http://snapwidget.com/#getstarted

Na página você verá essa tela:
 Preencha da seguinte maneira:
username: coloque seu username do Instagram;
Hashtag: deixe em branco;
Widget type: selecione Grid;
Thumbnail Size: defina o tamanho de cada miniatura;
Layout: defina a quantidade de colunas e de linhas do gadget;
Photo Border: defina se quer ou não borda nas miniaturas;
Background color: cor de fundo do gadget. Melhor deixar em branco;
Photo Padding: distância entre as miniaturas;
Hover Effect: efeito nas miniaturas;
Sharing Buttons: escolha Yes se quiser botões de compartilhar abaixo das miniaturas.

Depois de configurar tudo clique em Preview para ver se está como deseja.
Se estiver ok clique em Close e a seguir clique em Get widget e copie o código gerado.

Colocando o gadget em seu blog
Acesse a aba Layout de seu blog, clique em Adicionar um gadget e na janela de opções selecione HTML/JAVASCRIPT. Na caixa que expandir cole o código copiado de seu Instagram.
Salve.
Arraste para onde quer que apareça e salve as alterações.

Viu que facinho?


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.

100 comentários , comente também!

  1. Muito legal,Elaine. Nos meus coloquei só a maquininha e as pessoas clicam e chegam lá. Esse teu é legal! beijos,chica e um lindo setembro!!

    ResponderExcluir
  2. Elaine obrigada mais uma vez pela dica. Já coloquei no meu blog.

    http://prolueducadora.blogspot.com.br/

    bjs!

    ResponderExcluir
  3. Primeiro tenho que saber como usar direitinho o Instagram rsrs
    Não tenho idéia. Não procurei saber.
    Beijos.

    ResponderExcluir
  4. Valeu, baby! Já tá lá" Precisei fazer vários testes com o tamanho, pra não ficar passando do limite do blog, mas como agora eu tô quase ruiva... não foi difícil! (risos)
    Beijão, saudadona...

    ResponderExcluir
  5. Que demais!!!!! Já adicionei no meu blog e confesso que ficou muito mais charmoso. Obrigada pelas suas dicas. Tenha uma excelente semana. Abraços, Jana =)

    ResponderExcluir
  6. Você como sempre...alimentando nossos BLOGS de coisas boas!!!
    Já coloquei no meu tbém!!!
    Obrigada...
    Beijos
    http://pimentasdocepimentas.blogspot.com.br/

    ResponderExcluir
  7. Oi, Elaine...

    Tantas coisas vc está nos ensinando e eu ainda empacada na assinatura no final do post.... Afffffeeeee.... Pobre e jurássica em tecnologia. Ninguém merece!
    Boa semana, beijos!

    ResponderExcluir
  8. Ficou lindo de bonitoo!!
    Obrigada miga!!

    http://meigamakeup.blogspot.com.br/

    ResponderExcluir
  9. Oi Elaine!

    Eu ainda não tenho Instagram, mas pretendo ter em breve. Acho que vou sofrer um pouquinho para aprender, mas com essas dicas vai ser um tanto melhor!

    beijos, Renata
    palpitandoemtudo

    ResponderExcluir
  10. Coloquei, mas não sei se quero deixar o Instagram público.
    Dúvida cruel!
    Bjo

    ResponderExcluir
  11. Elaine querida tudo bem contigo?
    Sempre que quero colocar alguma coisa no blog sempre recorro aos teus ensinamentos.
    No meu blog tem a máquina do instagran mas gostaria mesmo era das fotos e encontrei aqui como fazer isso.Porém quando tento copiar o código fica somente o final e quando adiciono no blog e vou verificar como ficou aparece somente o código e nada das fotos.
    Aparece todo o código mas quando quero colar some e fica somete o final.
    Desde já te agradeço.
    Grande abraço.

    ResponderExcluir
  12. Ha, outra deliçia de tutorial!
    Já coloquei no meu... rsrs
    Criei uma conta pra mim e estou apaixonada!!!!
    ^^
    Bjo no coração querida!
    E saudades de você no meu cantinho!

    ResponderExcluir
  13. Adorei Elaine, já coloquei em prática. Obrigada, bjs.

    ResponderExcluir
  14. Elaine, tu sempre disponivel a ajudar- nos. Admiro muito o teu trabalho e a tua pacienncia. Fiz no meu e deu super certo. Passa por la, www.blogdaeliie.blogspo.pt - bjinhos

    ResponderExcluir
  15. Oi Eliane, ja tentei várias vezes e da erro... será q é o site? teria alguma outra forma de fazer?
    Obg

    ResponderExcluir
  16. Fe, eu fiz agorinha pra uma cliente e está normal.
    Experimente de novo, pode ser que dê certo.
    Não conheço outra forma de fazer, infelizmente...
    bjssss

    ResponderExcluir
    Respostas
    1. Oi Elaine, agora deu certo, o problema foi que meu Instagram estava como privado, perdir permissão dai não dava..rs mas agora eu ja liberei acesso e ficou ótimo. obg.

      Excluir
  17. Amei a dica, não estava conseguindo colocar o app no meu blog!!! Depois desta explicação ficou super fácil!

    ResponderExcluir
  18. Oi, Elaine .
    Fiz e nao aparece o meu insta, e sim outras fotos desconhecidas.
    O que será que fiz de errado, vc pode né ajudar.
    Mto obgda, bjossss Drica!
    dricotaa.blogspot.com

    ResponderExcluir
  19. Oi, Elaine .
    Fiz e nao aparece o meu insta, e sim outras fotos desconhecidas.
    O que será que fiz de errado, vc pode né ajudar.
    Mto obgda, bjossss Drica!
    dricotaa.blogspot.com

    ResponderExcluir
    Respostas
    1. Adriana, você colocou seu username certinho no primeiro campo?

      Excluir
  20. Estou me animando para fazer um ..........
    Beijos.

    ResponderExcluir
  21. Amei... Beijão e muito obrigada querida... Você sempre solucionando o que parecia um bicho de 7 cabeças

    ResponderExcluir
  22. Eu não consegui :/ Fala que tem caracteres não permitidos !

    ResponderExcluir
  23. Descobri esse blog ontem e estou amando! Super esclarecedor! Só estou tendo um problema, na hora que vou copiar o código, ele meio que some... daí não consigo copiar. =/

    Beijos

    ResponderExcluir
  24. Elaine, vi seu blog em uma busca pelo google e me ajudou muito, consegui colocar as fotos do insta no meu blog. Muito obrigada por compartilhar suas dicas conosco.
    Bjks

    ResponderExcluir
  25. Nossa eu era doida pra saber como colocar, e é super fácil, me ajudou muito ♥
    http://garotascomovoceoficial.blogspot.com.br/

    ResponderExcluir
  26. Eu amei! Realmente me ajudou e já ta la no blog! Beijos! :*

    diariodeumagirl321.blogspot.com

    ResponderExcluir
  27. Obrigada.... muito fácil.
    www.bytatiane.com

    ResponderExcluir
  28. Obrigada! Me ajudou muito. Bem explicado.. Bjoo!

    http://mariasdolar.blogspot.com.br/

    ResponderExcluir
  29. Elaine eu não consigo copiar o código Gerado e agora como eu faço ??
    ele some na hora que eu vou copiar
    Beijoss

    ResponderExcluir
    Respostas
    1. Laial, experimente de novo usando outro navegador.
      Nunca aconteceu comigo, não sei o que pode ser...
      beijos

      Excluir
    2. Aconteceu isso comigo, estou fazendo no chrome , vou mudar de navegador para ver se funciona

      Excluir
  30. Puts grila, tu arrasou nessa dica, adorei mt feliz!

    ResponderExcluir
  31. você pode colocar um print? não consigo selecionar para colocar o codigo, somente URL

    ResponderExcluir
  32. Tentei fazer usando o google chrome, o código simplesmente sumia, aproveitei a dica daqui dos comentários passada pela a Elaine de trocar o navegador, fiz com o internet explorer de deu certo. Obrigada mais uma vez Elaine, vou agora só arrumar os tamanhos das fotos que ficaram grande

    ResponderExcluir
  33. fiz mais quando colo o código ,aparece no blog o cód. e não as fotos.. :/

    ResponderExcluir
  34. consegiu..ha ha..fui pelo internet explorer

    ResponderExcluir
  35. Vim agradecer pelo post, me ajudou bastante!
    byatelieracessorios.blogspot.com
    Raquel

    ResponderExcluir
  36. Ameiii a dica !
    Visita meu Blog Lindona !
    http://prettarosa.blogspot.com.br/
    Bggs :*

    ResponderExcluir
  37. Quando eu vou colocar fala que esta com carateres invalidos. :/

    ResponderExcluir
  38. Super 10, adorei. Explicou da forma mais fácil ^^

    http://hannaaliceb.blogspot.com.br/

    ResponderExcluir
  39. Poxa.. Descubro sempre coisas fantásticas por aqui =D
    Obrigado
    www.mimalhicesdiarias.blogspot.pt

    ResponderExcluir
  40. Eu não consigo,tem que copiar o link todo ou só de "http" pra frente? :(

    ResponderExcluir
    Respostas
    1. Carolina, não entendi a pergunta.
      Como assim?

      Excluir
  41. Funcionou, obrigada!
    Visita lá: http://vitrinedavaidade.blogspot.com.br/

    ResponderExcluir
  42. Amei a dica Elaine! Obrigada pelo post, querida, ajudou muito!

    Uma beijoca,
    Nanda do Maquiada & Esmaltada

    ResponderExcluir
  43. Olá Elaine,

    Muito obrigada pela ajuda :)

    Beijinhos
    http://www.1fashionblog.co.uk/
    http://www.youtube.com/user/myfashion1blog

    ResponderExcluir
  44. Adoorei, super facil Elaine. Beijos eu adoro suas dicas me ajudam bastante

    ResponderExcluir
  45. Olá Elaine!
    Obrigada pelas dicas. Nem imaginava essa opção... Abri hoje o meu blog e nem sei como consegui, pois sou super analfabeta da blogosfera. Como voce me pareceu bem simpática e que gosta de ensinar, será que poderia me dar umas dicas, por favor?
    1 - Copiei e colei uma foto do instagram, mas que estava em meu arquivo no meu primeiro post pelo laptop, até ai ok... Mas quando fui olhar pelo Iphone, a imagem não apareceu. O que eu fiz de errado?
    2 - Por mais que eu tente, quando clico na opção de blogar pelo celular aparece uma imagem de um computador quebradinho dizendo que não vai rolar essa opção e que não sabem porque. O que eu estou fazendo de errado? gostaria tanto de conseguir postar do celular...

    Muito obrigada de qq forma.

    ResponderExcluir
  46. Olá Elaine eu fiz tudo isso mais quando clico em salvar não salva e não aparece nada :/

    ResponderExcluir
  47. olá Elaine obrigado pela esplicação clara e simples de entender

    ResponderExcluir
  48. Olá querida Elaine!
    Adorei a sua dica e acabei de colocar no meu bloguinho!
    Muito Obrigada!
    Qual email entro em contato com você?Queria fazer orçamentos.
    Bjus

    ResponderExcluir
  49. Adorei , eu tava quebrando a cabeça maior tempão para colocar no meu blog meu insta !
    Fiz rapidinho e fique toda entusiasmada kkk
    Beijos Obrigada !

    www.maisquemeiga.blogspot.com.br

    ResponderExcluir
  50. Super legal...deu certinho no meu!
    Adorei, obrigadaaaa!
    Bjkas
    http://renataarpinii.blogspot.com.br/

    ResponderExcluir
  51. Oi Elaine, adorei e já está no blog. Super fácil, valeu!!!
    Bjos, Mari.

    http://www.studioartecasa.com.br/

    ResponderExcluir
  52. Muito boa e fácil a dica! Obrigada! Bjs

    ResponderExcluir
  53. Oi querida, amei bastante sua dica, tanto que consegui colocar agora o programa do blog.
    Obrigada viu!
    Beijos
    Ki
    www.donakizzy.com.br

    ResponderExcluir
  54. Muito obrigada, você me ajudou bastante!

    http://pinkandblu3.blogspot.com.br/

    ResponderExcluir
  55. Parabens, ótimo post !

    http://maechegouvisita.blogspot.com.br/

    ResponderExcluir
  56. Adorei o tutorial, me ajudou bastante, obrigada ^^
    http://www.leticiakoliveira.com/

    ResponderExcluir
  57. Olá :)
    Ótima dica! :D Adorei! Obrigada! :3
    Beijos...
    http://my-stories-wonderful-books.blogspot.com.br/

    ResponderExcluir
  58. Querida ... muito obrigada ...tudo que eu precisava ,,, sempre encontro aqui dicas maravilhosas ....
    beijinhos.

    http://marbelladesigner.blogspot.com.br/

    ResponderExcluir
  59. Dicas maravilhosas blogueiras como vc valem ouro to te seguindo aqui mil..bjs sempre estarei por aqui
    http://fernandacaterina.blogspot.com.br/

    ResponderExcluir
  60. Obrigada, muito Obrigada me ajudou muuuito .
    da uma olhadinha no meu Beijos !
    http://peequenacinderela.blogspot.com.br/

    ResponderExcluir
  61. Minha querida não sei se você lê todos os comentários, mas eu estou apaixonada pelo seu cantinho. Encontro tudo aqui e fico grata de compartilhar com todos o seu conhecimento que Deus te preserve assim sempre.

    ResponderExcluir
    Respostas
    1. Sim, eu leio todos, sem exceção, pois só são publicados depois de lidos.
      Nem sempre consigo responder todos, mas ler, com certeza, sim! É minha grande alegria com o blog, aliás!
      beijos, muito obrigada!

      Excluir
  62. Obrigada Elaine!!! Suas dicas sempre me ajudam...

    Abraços, Srta Paloma.

    http://blogdasrtapaloma.blogspot.com.br/

    ResponderExcluir
  63. Voce e top . Eu tenho um blog e montei ele quase todo com sua ajuda thanks

    ResponderExcluir
  64. Finalmente consegui fazer!! Obrigada pela ajuda :D
    Vou colocar seu "leva eu" no meu blog :3

    ResponderExcluir
  65. Coloquei no blog, ficou ótimo.
    Obrigada Elaine
    Bjos

    ResponderExcluir
  66. Obrigada Eliane! Mais uma vez suas dicas me ajudando! Achei perfeito muito fácil de usar!
    Bjs

    ResponderExcluir
  67. Muito obrigada pela dica. beijo grande
    https://blogsimplelook.blogspot.com

    ResponderExcluir
  68. Oi Elaine,

    Segue sua dicas direitinho, mas não aparecem as fotos no blog, só o titulo.
    Pode me ajudar ?
    Obrigada.

    ResponderExcluir
  69. não posso deixar de vir te agradecer zilhões de vezes por mais essa dica!
    obrigada!!!

    ResponderExcluir
  70. O meu não enquadra com os outros gadgets, fica como se fosse uma "margem" daí corta metade da ultima foto =/

    ResponderExcluir
  71. Não consegui colocar não, quando clico para visualizar aparece uma tela preta ou em branco, e quando gero o código e coloco no meu blog fica a mesma coisa. ://

    ResponderExcluir
  72. elaine eu fiz certinho tanto que o preview ficou ok. porém no blog fica td em branco... www.rebecabetoni.blogspot.com.br

    ResponderExcluir
  73. Elaine, tudo bem?
    eu vi em um blog que é do Wordpress a miniatura na barra lateral, mas quando clicamos na foto ela direciona pra pagina do instagram e não pra uma pagina como o snapwidget, você sabe se no blogger conseguimos fazer isso? bjs e obrigada

    ResponderExcluir
    Respostas
    1. Acho que sim, tem um serviço chamado Iconosquare que acho que faz :)

      Excluir
  74. Como que coloca gadget de instagram no rodapé do blog?

    ResponderExcluir
  75. Consegui colocar ! Valeu Elaine, adoro seus tutoriais :)
    Beijos flor Seguindo aqui, segue de volta !?

    http://gostarammeninasblog.blogspot.com

    ResponderExcluir
  76. Não estou entendendo... Quando clico me direciona para uma página de pagamento :(

    ResponderExcluir
  77. E como é que se coloca o instagram num template que já tem espaço para tal, mas não está acionado? Obrigada!

    ResponderExcluir
  78. Oi Elaine!
    Fiz esse tutorial no meu blog em 2015, porém depois dessa última atualização do Instagram no dia 24/05/16 (com a mudança no layout do app e da nova marca), meu blog não atualiza mais as fotos que posto no Instagram. Sabe de alguma atualização nesse código que preciso fazer?

    ResponderExcluir
  79. Olá Elaine!
    Estou com o mesmo problema da Nayama, depois dessas atualizações as fotos não estão mais atualizando. O que eu preciso fazer?

    ResponderExcluir
    Respostas
    1. Maria Isabel e Nayama:
      Aparentemente o serviço mudou, agora precisa estar logada no Instagram e criar uma conta para poder gerar o box...
      Façam isso e recoloquem o código, deve atualizar...

      Excluir

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…