08/09/2016

" Dicas Para Blogger"



Tutorial: Caixa do Instagram para 

blogs




    Vou mostrar como colocar uma galeria de fotos do instagram no seu blog. Esse instagram pode ser seu, ou qualquer outro instagram desde que esse instagram seja publico, ou seja, as fotos publicadas para todos verem.
    Primeiro você precisar entrar no site SnapWidget e é simples de usar. Você nem vai precisar mexer diretamente no HTML do blog.

Acessando o site, você deverá preencher:

 -  Preencha:
- Username @, seu nome de usuário do Instagram - ex: o meu é "@bymarinagomes";
- Hashtag, pode deixar em branco;
- Widget Type, escolha "Grid" para aparecer somente as fotos uma do lado da outra com espaço,
"Board" para aparecer as fotos com legenda uma do lado da outra com espaço,
"Scrolling" para fotos uma do lado da outra sem espaço,
"Slideshow" pra aparecer uma única foto que vai mudando em slide,
"Map" pra aparecer o Google Maps com as marcações das suas fotos nos devidos Estados e Países postados.
- Thumbnail Size, escolha o tamanho das fotos;
- Layout, escolha quantas fotos por coluna x linha;
- Photo Border, coloque sim (yes) ou não (no) para bordas nas fotos;
- Background Color, deixe em branco para fundo transparente ou escolha uma cor de sua preferência (preencher com código html da cor - (códigos aqui));
- Photo Padding, largura dos espaços entre as fotos;
- Hover Effect, escolha "No" para não ter efeito nas fotos,
"Fade In" para as fotos ficarem foscas e coloridas quando passa o mouse,
"Fade Out" para fotos coloridas e foscas quando passa o mouse.
- Sharing Photo, "Yes/Sim" para que as pessoas possam compartilhar suas fotos nas redes sociais e "No/Não" para não dar essa opção.




   Para saber como está ficando, clique em “Preview” e quando decidir como realmente quer, basta clicar em “Get Widget”.


   Aparecerá um código. Você deve selecionar e então acessar o painel de controle do seu blog.
   Vá em “Layout”...

   Depois em “Adicionar novo Gadget”, escolha a opção “HTML/JavaScript” cole o código gerado anteriormente, salve, arraste para onde desejar exibir e salve as alterações.
Prontinho!



Nenhum comentário:

Postar um comentário