, , , , ,

Como colocar Instagram no blog

09:00

instagram no blog

Não é segredo pra ninguém que o Instagram se tornou uma das redes sociais mais populares. Você já reparou que a maioria das meninas colocam a timeline do Instagram aparecendo no blog, né?
Se você acha legal mas ainda não tem no seu blog por não saber como fazer isso, confira esse post até o final.

Configurando seu widget do Instagram


Acesse o link:

Desça a página até aparecerem esses campos:

instagram no blog

Para preencher, é bem simples:

Opte por username ou hashtag
Username - seu usuário no Instagram (preencha se você quiser que apareçam as suas fotos no blog)
Hashtag - escolha uma hashtag pra vinculá-la ao seu blog (todo mundo que usar irá aparecer em seu blog)
Widget type - a forma que você quer que as fotos fiquem em seu blog. A convencional é grid.
Thumbnail size - tamanho de cada miniatura. Aconselho 115px se for no rodapé do blog.
Layout - o primeiro campo é o número de fotos que você quer que apareçam; o segundo o número de linhas.
Photo Border - escolha se quer ou não borda nas miniaturas.
Background color - você pode escolher uma cor de fundo, mas aconselho a não mexer. O padrão é transparente.
Photo Padding - distância entre as miniaturas.
Hover effect - efeito nas miniaturas.
Responsive - marque sim pro tamanho das fotos se adaptar a qualquer mobile.
Sharing buttons - marque sim se você quiser que as pessoas possam compartilhar suas fotos.

instagram no blog

Depois de tudo configurado, clique em Preview pra ver como ficará seu widget do Instagram no seu blog. Gostou? Clique em Close e em Get Widget pra gerar seu código.

instagram no blog

Colocando a gadget no seu blog


Copie o código gerado. 
Agora acesse a aba Layout e escolha onde quer que apareçam suas fotos.
Escolheu? Ótimo! Clique em Adicionar um gadget e na janela de opções escolha HTML/JAVASCRIPT. Na caixinha que abrir, cole o código que você gerou. 
Salve e é só conferir no blog as suas fotos.
Se você quiser mudar o lugar, é só arrastar pro local do blog onde quer que elas apareçam.

Leia também:
SEO no Blog
Categorias personalizadas

instagram no blog

instagram no blog

Pro Instagram ficar igual ao meu, você precisar colocá-lo no footer do Layout. Se quiser que apareça na barra lateral, adicione o gadget nela.
Deixe seu link nos comentários pra que eu possa ver seu Instagram no blog. :)



Fiz esse post porque muitas meninas me pediram pra continuar com dicas pra blogs. Se quiser ver algum tutorial específico, estou aberta a pedidos.

Mais conteúdo que você vai gostar

76 comentários

  1. Ah eu estava super precisada disso, você foi um anjo :) Obrigada mesmo pelo tutorial.
    http://souadultaagora.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que foi útil pra você, Lee!
      Beijos.

      Excluir
  2. ótimo tutorial! Tenho no meu blog também e acho bem importante.

    Beijos,
    http://www.gemeasescritoras.com/

    ResponderExcluir
    Respostas
    1. Ajuda muito na divulgação do instagram e ainda dá um visual bacana,né?
      Beijos!

      Excluir
  3. Eu também uso esse no meu blog Nah!
    Super prático né?

    Beijos

    www.cuidadosevaidades.com.br

    ResponderExcluir
    Respostas
    1. Sim, Cris! Ele é ótimo.
      Alguns dão uns bugs e somem, mas esse nunca me deu problemas.

      Beijos!

      Excluir
  4. O post é bem útil pra quem utiliza a plataforma blogger!
    No Wordpress é só instalar um plugin :D

    Beijos,
    Mess.

    Blog Working Machine

    ResponderExcluir
    Respostas
    1. No Wordpress é tudo mais prático, né?
      No Blogger temos que programar tudo na mão mesmo.

      Beijos!

      Excluir
  5. Amei a dica, eu acho lindo aqueles que ficam no fim do blog com as imagens grandes, só que nunca acerto as medidas
    beijos
    lolamantovani.blogspot.com.br

    ResponderExcluir
    Respostas
    1. É só aumentar no campo widget size.
      Beijos!

      Excluir
  6. Ótimo tutorial!!
    Beijoos. ❤
    http://www.amordeluaazul.com.br/

    ResponderExcluir
  7. Ótimo tutorial diva. Eu sempre quebrava a cabeça com isso agora isso é coisa do passado com esse tuto tão completo. Muito útil. Arrasou.

    http://www.glamourosasderosa.com/

    ResponderExcluir
    Respostas
    1. Tentei fazer o mais explicadinho possível!
      Beijos, Naty.

      Excluir
  8. Aliás, comecei a te seguir no Instagram :D

    www.raposalaranja.com.br

    ResponderExcluir
    Respostas
    1. Que ótimo, Fê!
      Vou dar uma olhada no seu.

      Beijos!

      Excluir
  9. Super útil esse post, lembro quando fui colocar me deu tanto trabalho rs.

    Beijos
    http://pimentasdeacucar.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Né? Por tentativa e erro sempre é super complicado.
      Quando vou mudar qualquer coisa no blog é uma luta só.

      Beijos!

      Excluir
  10. Também temos o instagram no blog, é super pratico para quem quer conhecer o instagram do blog.

    Beijos


    http://www.onlyinspirations.blogspot.com.br/

    ResponderExcluir
  11. Muito boa a sua dica.
    Já tentei fazer mas acho que no meu layout não dá, mas vou tentar novamente.
    Beijos
    Jana Makes Esmaltes e Cia
    Instagram
    Fan Page

    ResponderExcluir
    Respostas
    1. Tenta sim, Jana!
      Eu já usei o layout igual ao seu, mas não mexi em muita coisa nele (na época).
      Acho que nele fica mais fácil colocar no menu lateral! Ou então você precisa desbloquear o footer.

      Beijos!

      Excluir
  12. Dica bem útil!
    beijinhos
    http://direitoporlinhastortas-id.blogspot.pt/

    ResponderExcluir
  13. Ótima dica, é muito importante divulgarmos nossas redes sociais. Tenha um dia abençoado, beijos!

    Blog Paisagem de Janela
    paisagemdejanela.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Verdade! As redes sociais movem os blogs.
      Beijos.

      Excluir
  14. Adorei o tutorial, me ajudou a colocar lá no blog <3

    http://www.leitorasvorazes.com.br/

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha servido pra você!
      Beijos.

      Excluir
  15. Adorei a dica, já conhecia mas é sempre bom relembrar haha e isso deveria ser de conhecimento público, pq é simples, todos conseguem e muito útil, além de ficar lindo no blog.
    Beijos

    Ilustre Beleza

    ResponderExcluir
    Respostas
    1. Verdade! Dá um toque especial ao blog, né?
      Beijos.

      Excluir
  16. Instagram é tudo de bom, né? Eu acho ótimo poder ver as fotos das meninas no blog mesmo, é ótimo porque se gosto das fotos vou seguir logo xD Ótima dica, Nah, é super prático desse jeito!

    Um beijo grande!
    Heeey, Maria! | Fanpage

    ResponderExcluir
    Respostas
    1. Verdade, Ray! Não precisa ir até o Instagram pra querer seguir.
      Beijos.

      Excluir
  17. Bem explicadinho , eu custei aprender pena que teu post apareceu agora porque com ele não terias dúvidas que tive :*

    http://www.cherryacessorioseafins.com.br 🍒

    ResponderExcluir
    Respostas
    1. Ah, que pena que demorei a postar mas que bom que você já havia conseguido!
      Beijos, Si.

      Excluir
  18. Otima dica, no meu blog ja tem, rs

    Beeijos, te espero lá no meu blog ♥

    http://www.paaradateen.com
    http://www.facebook.com/PAARADATEEN

    ResponderExcluir
  19. Adorei a dica... ter o insta no blog, de fato, ajuda muito na divulgação..
    E eu adoro ver as últimas fotos do insta nos blogs que acesso... É tipo 2 em 1 =D

    =*
    Mani Piñeiro
    @Blog_ManiPineiro

    ResponderExcluir
    Respostas
    1. Eu também adoro! É tão prático, né?
      Beijos!

      Excluir
  20. Ótima dica! Instagram é uma das minhas redes sociais favoritas :)

    http://heyimwiththeband.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Eu ainda tô me adaptando, porque quando estava acostumando com ele mudaram as regras. =(
      Beijos!

      Excluir
  21. Adoro post que nos auxilia na otimização do blog. Ótima dica !!
    Beijos

    Luciana
    www.baudasresenhas.com.br

    ResponderExcluir
  22. Ótima dica para quem não sabe colocar flor.
    Eu usava na lateral, mas quando comprei um novo layout fizeram pra mim no final e eu amei.
    Beijos!

    Blog Pam Lepletier / Shampoo bomba de café

    ResponderExcluir
    Respostas
    1. No final chama mais atenção, né?
      Beijos, Pam!

      Excluir
  23. Menina, essa dica veio na hora certa! hahaha
    Obrigada!
    bjs
    http://marymicucci.com

    ResponderExcluir
    Respostas
    1. Aaah, Mary, que bom!
      Adoro quando a dica já serve pras pessoas que acompanham aqui.

      Beijos, lindona!

      Excluir
  24. Eu já tenho no meu! Acho que temos que ter porque assim os leitores sempre vêem e acabam indo seguir, né? Vale muito a pena! Beijosss!
    www.amandapaduan.com.br

    ResponderExcluir
    Respostas
    1. Verdade, Amanda!
      Ajuda na divulgação, né? Beijos.

      Excluir
  25. nós ja usamos isso também! Mas bem legal que você está dividingo aqui com a galera...
    beijooo
    Cris
    www.amaletamagica.com.br

    ResponderExcluir
    Respostas
    1. Gosto de compartilhar as coisas que as pessoas querem mais e encontram dificuldades em fazer sozinhas.
      Beijos!

      Excluir
  26. Adorei! Já fiz no meu blog.

    Beijos!
    www.likeparadise.com.br

    ResponderExcluir
    Respostas
    1. Eu vi! Ficou uma gracinha, Thami. *-*
      Beijos.

      Excluir
  27. ótimo tutorial Nah!!


    http://naiamelo.blogspot.com.br/ (Ciranda da Bailarina)

    Beijos

    ResponderExcluir
  28. Adorei a dica, acho super válido compartilhar nossos conhecimentos com as pessoas! Noc omeço do meu blog eu apanhei pra colocar o insta nele, unf!

    Beijão!

    Blog Coisas de Jana

    ResponderExcluir
    Respostas
    1. Pois é, eu também apanhei pra fazer minhas edições aqui!
      Beijos.

      Excluir
  29. Bem fácil de colocar. Adorei seu tutorial Nah.
    Big Beijos

    ResponderExcluir
  30. Bom post´
    http://retromaggie.blogspot.com/

    ResponderExcluir
  31. ótima dica, eu quando não sabia, ficava quebrando a cabeça
    http://www.charme-se.com/

    ResponderExcluir
  32. Muito legal, mas eu não consigo mexer nessas coisas direito. srsr =/
    Obrigada pela visitinha, linda!!
    Até + ;*

    http://suenefernandes.blogspot.com.br/

    ResponderExcluir
  33. Que dica bacana! :}
    Eu uso um widget do próprio Instagram eu acho. Não tenho a menor ideia de como eu coloquei mas também foi bem simples. O meu aparece com as fotos menorzinhas mas pra mim tá ótimo!

    Beijos,
    http://estilodeaudrey.com.br/

    ResponderExcluir
    Respostas
    1. Na lateral do blog menores ficam mais bonitas mesmo!
      Beijos.

      Excluir
  34. Esses dias me matei literalmente pra fazer isso, aí acabei baixando um widget! Ufa! E como eu uso a plataforma wordpress é tudo mais complicado. Mas ótima dica!

    Beijão, Cá entre nós, miga!

    ResponderExcluir
    Respostas
    1. Achei que no Wordpress fosse mais fácil! Eu li que tem várias opções de widgets prontos.
      Beijos.

      Excluir

- Participe do Blog deixando seu comentário. Sua opinião é importante pra mim!
- Marque a caixinha de notificação pra receber minha resposta.
- Se tiver Blog, deixe o endereço no comentário para que eu possa visitá-lo.

Obrigada pela visita! Volte sempre. ☺

Receba as NOVIDADES

Posts novos terças e sextas.

Mais lidos

Calendário de posts