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 - * Blog Elaine Gaspareto *

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

Publicado 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: