10 junho 2015

SnapWidget - Fotos do Instagram no blogger


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 2x2 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 :D

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

Comente com o Facebook:

10 comentários:

  1. Não conhecia esse site, mt útil hahah
    http://alternativeyeah.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Muito útil mesmo! Eu tenho uma lista com uns 30 sites que eu gosto e uso, tem muito pra vocês conhecerem! <3

      Excluir
  2. Não conhecia Larissa vc colocou no meu né eu vi lá..bjs boa semana para vc..
    www.fernandacaterina.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Coloquei sim! Eu adoro esse Widget e sempre uso ele <3 Beijos, boa semana para você também minha linda ♥

      Excluir
  3. Adooooorei <3
    vou com certeza ajeitar o meu lá no blog.
    bjuxxx
    http://www.taayvargas.com/

    ResponderExcluir
    Respostas
    1. Espero que tenha dado certo, gata ♥ Beijos!

      Excluir
  4. Simmmm, eu usei esse site mesmo para fazer o meu. Super fácil né? E fora que tem vários outros estilos pra podermos escolher :3
    http://b-uscandosonhos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Muito fácil, e funciona direitinho! Gosto muito dele!

      Excluir
  5. Adorei o post, sei que já é mais antigo, mas só resolvi fazer um instagram para o meu blog agora, deu super certo. Um beijo!
    www.dezoitodetalhes.com

    ResponderExcluir
  6. Acabei de colocar no blog <3 Eu tinha em outro site, mas as fotos não estavam sincronizando.
    Obrigada pelo tutorial! Beijinhos :*

    ResponderExcluir

Butlariz • contatobutlariz@gmail.com Feito com ♥ por Lariz Santana / Moonly Design