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. 3×3 é ideal para a barra lateral, 7×1 ou 8×1 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