{ Como colocar as fotos do Instagram no Blogger | butlariz

Anuncio layout

Anuncio layout
Encomende já o seu layout!
- 27.11.17

Como colocar as fotos do Instagram no Blogger

Como colocar fotos do instagram no blogger


O Instagram se tornou a rede social preferida de muita gente. Um lugar que podemos compartilhar mais do que fotos: memórias, momentos, dicas, pensamentos, sentimentos. E se você tem um blog, já dever ter sentido vontade de colocar suas fotos incríveis no seu cantinho, pra todo mundo ver. Então nesse post, vou te ensinar a colocar as últimas fotos do instagram na barra lateral ou no rodapé do seu blog, com o link do seu instagram de forma bem fácil!

1. Acesso o site SnapWidget. Ao descer a tela, verá algumas opções. Clique no primeiro "Create your free widget".

Como colocar fotos do instagram no blogger - snapwidget


2. Crie sua conta, ou acesse através do facebook.

3. Vamos gerar seu gadget de acordo com o que você deseja. Veja na imagem:

Como colocar fotos do instagram no blogger - snapwidget


Obs. Layout é a quantidade de imagens que aparece. 3x3 é ideal para a barra lateral, 7x1 ou 8x1 ideal para o rodapé do blog.

4. Clique em Preview para ver como vai ficar. Se gostar, clique em Get Widget para gerar o código (e copiar ele).

5. No painel do blogger, clique em Layout. Escolha onde quer que o instagram apareça, e Adicione um novo Widget.

6. Cole o código que copiou no site SnapWidget.

7. Para colocar o link do seu instagram para as pessoas clicarem e ir direto para o seu perfil:

• Se o instagram ficou na barra lateral, abaixo do código do snapwidget, você cola esse aqui:

<a href="http://instagram.com/seuuser" style="background-color: #ffbbca; color: #000; padding: 5px; font-family: calibri; font-size: 10pt; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; display: block;"> Siga no insta: @seuuser </a>

•  Se o instagram for no rodapé do blog, cole o código a seguir acima do código do snapwidget

<a href="http://instagram.com/seuuser" style="background-color: #ffbbca; color: #000; padding: 5px; font-family: calibri; font-size: 10pt; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; display: block; width: 228px; margin: auto;">  @seuuser </a>

<a href="http://instagram/seuuser" style=""/> @seuuser </a>

Para personalizar a seu gosto:

seuuser - troque para o seu user do instagram
#ffbbca - é a cor de fundo do botão
#000 - é a cor do link

Depois é só salvar o seu gadget no blogger, e ver como ficou ♥ Pronto! Você já pode ter as suas lindas fotos do instagram exibidas no seu blog. Gostou do tutorial? Aproveita e me segue no insta! @butlariz

Beijinhos, Lariz 


Comente com o Facebook:

3 comentários:

  1. Uma vez tentei colocar o Instagram no blog e foi encaminhado para uma página nada a ver rs vou seguir o passo a passo do seu tutorial e tentar novamente mas antes preciso arrumar meu feed que está super desatualizado rsrsrs

    ResponderExcluir
  2. Apesar de o instagran estar me estressando um pouco, continua sendo minha rede social favorita! Já usava esse programa para colocar gadgets no meu blog, mas não fazia ideia de como usá-lo para colocar fotos de lá no post. Esse post foi bem útil, pois ja tentei fazer isso uma vez e só passei raiva haha.
    Ficou bem explicado. Parabéns pelo tutorial! :)

    ResponderExcluir
  3. Que legal essa forma de instalar o SnapWidget com o link direto para o Instagram.
    Como sempre, amei o tutorial. Seus tutoriais já me ajudaram muito.
    Beijo. www.apenasleiteepimenta.com.br

    ResponderExcluir

• 2015 - 2017 Feito com ♥ por Lariz Santana