Hoje venho apresentar a vocês o SNAPWIDGET, um widget que traz pro seu blog, as fotos do seu instagram. Eu acho super legal ter isso nos blogs que eu visito, é uma interação com os leitores, e tem uma forma muito bacana de convidá-los a conhecer seu insta. Quer saber como colocar? Vem que eu ensino!

Instagram no Blog

Entre no site do SNAPWIDGET onde você irá fornecer seu instagram, e suas preferências.

Você vai se deparar com a seguinte tela: (vou explicar os itens)

1- Coloque o seu user do instagram

2- No blog Boca Rosa, tem um gadget de instagram, falando pra você postar uma foto com a hashtag #bocarosa para aparecer no blog. Caso queira fazer isso, coloque a hashtag desejada. Isso vai substituir seu user.

3- Você vai escolher o formato do gadget. Aconselho escolher o “Grid” pra barra lateral, que as fotos aparecem em grade, ou “Scrolling” onde as fotos aparecem uma do lado da outra, como na imagem: (essa opção é legal pra por no fim dos posts).

4- Tamanho de cada imagem.

5- Quantidade de fotos em linha e coluna. Eu geralmente uso 2×2 pra não ficar “poluído”.

6- Borda nas fotos.

7- Cor do fundo, é melhor nem mexer aí, assim fica transparente, e aparece a cor do seu blog mesmo.

8– Espaço entre cada foto.

9- Efeito ao passar o mouse. Fade in → Imagens com opacidade e ficam normal quando passa o mouse (prefiro assim); Fade out → Imagens normal, ficam com opacidade quando passa o mouse.

10- Botões de compartilhamento. Prefiro não usar, pra deixar mais clean e porque ninguém clica naquilo mesmo.

11– Se adapta ao tamanho da tela, melhor coloca “Yes”.

Após preencher os campos com a sua preferência, clica em “Preview” para ver como ficou. Se gostar, aperte “Get Code” para gerar o código, que você vai copiar.

Colocando no seu blog

Vá em Layout > Adicione um gadget onde deseja que o instagram apareça.

Escolha a opção “HTML/JavaScript”

No nome coloque o que preferir, e no espaço em branco, cole APENAS o código gerado. Depois é só salvar 😀

Eu sei que o post ficou um pouco grande, é que eu queria explicar direitinho como eu faço pra vocês saberem. Espero que tenha dado pra entender. Qualquer dúvida é só comentar que eu esclareço. Comentem se conseguiram, e compartilhem o post pra ajudar os amiguinhos. Toda semana vai ter tutorial novo! Beijão da Lari ♥