É 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.
Amei a dica! Já vou começar a acompanhar todas as publicaações *-*
ResponderExcluirbeijooos
www.sonhoseafins.com
Que bom querida, fico feliz! Em breve trago outros tutoriais :)
ExcluirBeijinhos!
Dica boa. Uso o SnapWidget e estou muito satisfeita haha. Bjoo :*
ResponderExcluirwww.cold-vanessa.blogspot.com
É super útil no Blog, né Vanessa? haha
ExcluirBeijinho :*
Muito interessante Thamy, isso será muito útil para nós Blogueiras! http://poderdabelezabia.blogspot.com.br/
ResponderExcluirObrigada Beatriz por comentar querida! Fico feliz que tenha sido útil! :D Volte sempre!
Excluirmuito boa a dica e já está presente no meu blog que ta saindo do forno kkk
ResponderExcluir(www.projetobloog.blogspot.com.br)
thanks e sucesso :* <3
HAHA, que bom querida que te ajudei! Sucesso viu? Beijinhos!
ExcluirAmeeeei! d++ a dica Thamy!
ResponderExcluirbjoos!
- http://leticianataliablog.blogspot.com.br/