1 de maio de 2015

Colocando widget do instagram no seu Blog


É tão legal ter as últimas atualizações do instagram na lateral do Blog, né meninas? A fan page do facebook é bem mais presente, isso porque muitas pessoas não sabem como colocar o widget do instagram no Blog, por isso vim aqui fazer um mini tutorial ensinando, porque é super fácil e todo mundo vai conseguir, rs (e se não conseguir pode pedir ajuda, viu?)


Para começar abra o site SnapWidget e clique em "Get Tour Free Widget". Irá abrir a seguinte janela: 


Vamos entender como configurar o widget: 

Username: Coloque o nome do seu usuário no instagram, exemplo: thaamysd.
Hashtag: Deixe em branco, para aparecer apenas suas fotos postadas.
Widget Type: Selecione Grid para que fotos fiquem paradas.
Thumbnail Size: O tamanho de cada uma das fotos, preste atenção nessa parte, se a lateral do seu blog mede 300 px, e você quiser 3 fotos, uma ao lado da outra, deixe cada foto com 100 px.
Layout: Quantas colunas e linhas você desejar que suas fotos apareçam, por exemplo, 3 x 3 seria 9 fotos, assim como eu uso aqui no Blog.
Photo Border: Só selecione se desejar borda nas fotos.
Background Color: Se desejar cor de fundo no widget adicione o código da cor, se quiser sem fundo, deixe em branco.
Photo Padding: Espaço entre uma foto e outra, 5 px é o suficiente.
Hover Effect: Efeito quando passar o mouse em cima da foto, selecione Fade in para deixar as fotos com opacidade, e Fade Out para a opacidade ser apenas quando colocar o mouse sobre elas.
Sharing Buttons: Botões de compartilhamento, selecione Yes para colocar botões de compartilhamento sob as fotos e poder compartilhá-las no facebook e twitter.
Responsive: Selecione Yes, para que o widget se adeque a qualquer tamanho de tela (celular, tablet, etc).



Depois de configurar, clique em Preview e veja se ficou como você queria. Se sim, clique em Get Widget para gerar o código. Agora é só colocar esse código em um widget de html/java no seu layout. 

PS: As fotos só irão aparecer se o seu instagram for público, se as fotos forem bloqueadas vai dar erro. 

9 comentários:

  1. Amei a dica! Já vou começar a acompanhar todas as publicaações *-*
    beijooos

    www.sonhoseafins.com

    ResponderExcluir
    Respostas
    1. Que bom querida, fico feliz! Em breve trago outros tutoriais :)
      Beijinhos!

      Excluir
  2. Dica boa. Uso o SnapWidget e estou muito satisfeita haha. Bjoo :*

    www.cold-vanessa.blogspot.com

    ResponderExcluir
    Respostas
    1. É super útil no Blog, né Vanessa? haha
      Beijinho :*

      Excluir
  3. Muito interessante Thamy, isso será muito útil para nós Blogueiras! http://poderdabelezabia.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Beatriz por comentar querida! Fico feliz que tenha sido útil! :D Volte sempre!

      Excluir
  4. muito boa a dica e já está presente no meu blog que ta saindo do forno kkk
    (www.projetobloog.blogspot.com.br)
    thanks e sucesso :* <3

    ResponderExcluir
    Respostas
    1. HAHA, que bom querida que te ajudei! Sucesso viu? Beijinhos!

      Excluir
  5. Ameeeei! d++ a dica Thamy!
    bjoos!
    - http://leticianataliablog.blogspot.com.br/

    ResponderExcluir