Colocar as atualizações do Instagram no rodapé do blog, ocupando a largura total da página - * Blog Elaine Gaspareto *

Colocar as atualizações do Instagram no rodapé do blog, ocupando a largura total da página

em 04/12/2017


Eu já ensinei aqui no blog como gerar o widget das atualizações do Instagram e inseri-lo no blog.
Recorde:

Sempre coloquei o widget na lateral ou no footer do blog, mas nunca fiquei satisfeita porque queria que ele ocupasse a largura total da página.
Mexi, remexi e achei o jeito certo.
Depois de pronto fica assim como o meu. Role a minha página até o final pra ver.

Para colocar em seu blog é bem simples.
Comece gerando o código em um dos sites que explico no tutorial que fiz tempos atrás:



Código gerado?
Acesse então a página com o código do tutorial:


Copiar o código


A seguir acesse a aba Tema de seu blog e clique em Editar HTML.
Na caixa do código-fonte tecle Ctrl+F e na barra de pesquisa digite ]]></b:skin> e localize teclando Enter.
Acima de ]]></b:skin> cole o CÓDIGO CSS e salve.
A seguir, na barra de busca, digite </body> e localize.
Acima de </body> cole o CÓDIGO HTML.
No campo onde marquei SEU CÓDIGO DO WIDGET AQUI coloque, claro, o código gerado no site Snapwidget ou Lightwidet.
Salve.
E está pronto.

Dicas extras importantes

1- Se seu blog usa o subdomínio Blogspot precisa gerar o código do widget no site Snapwidget.
Acontece que depois que o Blogger implementou o protocolo https em seus blogs a versão http do widget free fornecido pelo site Lightwidget não funciona mais em blogs sem domínio próprio.
2- No CÓDIGO CSS  está a parte onde você dita cor, fonte e tamanho de fonte do título do seu widget.
3- No CÓDIGO HTML tem a parte onde você pode trocar a frase Atualizações do Instagram pela frase que preferir.
No meu exemplo eu usei a fonte Parisienne no título.
Para usa-la ou qualquer outra fonte especial do Google fonts leia este tutorial:


E é isso, querido leitor!
Faça em seu blog e me diz, vou gostar de ver!
Se tiver alguma dúvida diga nos comentários e eu ajudo se for possível.
A aproveita pra me seguir lá no Instagram:




1 comentários via Blogger
comentários via Facebook

Um comentário:

  1. Elaine, eu fiz de um jeito um pouco diferente. Na verdade, nem me lembro como mais. kkk. Mas já usei muitos tutoriais aqui do seu blog pra me ajudar. então, obrigada! Beijoss, saiba que sou leitora ativa sempre.
    thaisammaral.blogspot.com

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



No Instagram