Inserir caixa de Instagram no Rodapé do Blog

by - outubro 22, 2017



Amores!

Estou muito feliz em fazer a primeira postagem do meu blog pessoal.
Espero que vocês curtam bastante e que ele posso ajudar todos vocês também , pois vou trazer muitos tutoriais bem bacanas pra todos vocês.

Como eu estou ainda montando o meu blog juntamente com vocês, então vou compartilhar tudo que eu colocar nele junto com vocês.
Pra você que pretende montar um blog novo vai ser ótimo, pois vamos conseguir montar um blog bonito e bem funcional pra você.
Se acaso você já tem um blog e quer somente fazer algumas modificações ou até mesmo da uma encrementada no seu blog, também pode ficar por dentro desses tutoriais que eu sei que vão te ajudar e muito.

Vamos começar!

No tutorial de hoje vocês vão aprender a colocar a rede social do Intagram no rodapé do seu blog como você podem vê na página do blog teste VEJA AQUI.

Como vocês puderam observar lá em baixo na página existe uma caixa de fotos do instagram onde você pode colocar no seu blog.

Pra começar você precisa acessar o site snapwidget.com
e vai clicar em LOG IN  no canto superior direito.
Vai abrir a página que diz:
Log In To Your Account
Você vai se cadastrar com seu e-mail ou com seu facebook.

Depois de cadastrado ele vai te direcionar para  a seguinte página:


Você vai para rolar a página um pouco pra baixo e vai clicar no EDIT WIDGET
Esse abaixo:
Ele vai abrir a página de configaração da Widget.

Você vai rolar pra baixo e vai colocar o seu Username que é o usuário do seu inatagram.
Pode configurar o tamanho das fotos em Thumbnail Size.
Pode configurar a largura do Wdget em Wdget Width.
Em Auto Start você decide se quer que suas fotos rolem automáticamente ou não.
Em Hover Effect você decide o que quer que aparaça no seu Wdiget:
NONE = sem efeito
FADE IN= aparecimento gradual
FADE OUT= desaparecer
ZOOM IN= zomm nas fotos
LIKES E COMMENTS= likes e comentários

Logo após de configurado você as seguintes opções

PREVIEW IN NEW WINDOW = você pode visualizar seu widget pronto em uma nova aba.
PREVIEM = Pode visualizar seu widget pronto na mesma página.
UPDATE WIDGET= Vai gerar o código para você incorpora-lo no seu BLOG.

Depois de decidir suas configurações clique em UPDATE WIDGET QUE VAI ABRIR O SEU CÓDIGO html Clique em COPY TO CLIPBOARD onde esse comando copia o código que está acima.

Em seguida abra a página do BLOGGER e vá em LAYOUT e clique em ADICIONAR UM GADGET  e procure a Gadget HTML/JAVASCRIPT selecione.

Na caixa Conteúdo cole seu código copiado apertando as teclas Ctrl+V
Clique em SALVAR.
Depois arraste essa caixinha até o final do seu layout onde está escrito RODAPÉ, e deixe a caixinha lá.
Clique em SALVAR ORGANIZAÇÃO e pronto seu instagram estará no rodapé do seu blog.

Caso tenha alguma dúvida pode deixar nos comentários que eu vou ajudando a todos.

Muito Obrigada e até a Próxima!


You May Also Like

1 comentários