Como fixar qualquer elemento de página (gadget) na sidebar do blog? - * Blog Elaine Gaspareto *

Como fixar qualquer elemento de página (gadget) na sidebar do blog?

em 23/05/2017

Como fixar qualquer gadget na sidebar do blog

Olá, pessoa!
No tutorial de hoje vou mostrar pra você uma das formas que existem de fixar um elemento de página (gadget) qualquer na sidebar do blog.
Para entender melhor do que se trata role um pouco a página do blog de demonstração (ou role essa página mesmo em que estamos pois atualmente uso o recurso) e veja o anúncio do Adsense.


Demonstração do tutorial


Notou que, quando a sidebar acaba ele fica fixo.
Legal, né?
Pode ser aplicado para praticamente todos os elementos de página do blog mas fica especialmente interessante se for usado para fixar um banner de publicidade como eu fiz, ou um banner de parceria, ou de divulgação... O limite é sua imaginação!
Quer aprender? Então, vem comigo!


Como fixar um gadget na sidebar do blog?


Para começar você precisa ter o gadget que deseja fixar já instalado em seu blog. Ele precisa ser o último elemento de página da sidebar pois com esse código que vamos aprender ele vai se sobrepor à qualquer outro elemento. Pode ser um anúncio, um banner de parceiro, uma imagem, um gadget HTML/JAVASCRIPT, um gadget nativo...

Gadget instalado, vamos inserir os códigos que farão a mágica acontecer.
Copie o código necessário à execução do tutorial:


Copiar o código


Vá ao painel de seu blog e clique na aba Modelo.
A seguir clique em Editar HTML e dentro da caixa de código tecle Ctrl+F.
Na barra de busca que aparecer digite </body> e tecle Enter para localizar.
ACIMA dessa tag de fechamento cole o CÓDIGO JAVASCRIPT.
Salve.

Agora preste atenção!
Vá ao seu blog e clique para editar o gadget que deseja fixar na sidebar.
Ao abrir a janela pop up da edição você verá, no alto da janela, o ID desse gadget.
Assim, como no meu exemplo:



No meu caso o ID do meu gadget é HTML6. Poderia ser qualquer gadget, e nesse caso o ID seria outro.
Copie o ID do seu gadget, seja ele Image1, Adsense1, HTML1 ou qualquer outro que seja.
Entendeu certinho? Copiou o seu ID?
Agora volte ao código-fonte de seu template e onde está ID DO GADGET coloque, claro, o ID de seu gadget.
Salve.
Só isso.
Sim, sério, só isso.
Veja se deu tudo certo, e se deu, aproveite para curtir e compartilhar esse post!



Fiz tudo e não deu certo. O que houve?


Olha, pode acontecer sim de não dar certo. Eis as causas mais comuns:
1- Você não colocou o ID correto. Tem que ser o ID exato. Lembre de não apagar as aspas, ok?
2- Você tem outros scripts em seu template e eles estão em conflito. Aí não tem jeito, tem que optar.
3- Você inseriu o código em lugar incorreto. Tem que ser acima de </body>. Sim, seu template tem essa tag.
4- Se for um bloco novo de anúncios do Adsense pode não aparecer de imediato. Aguarde ou teste com outro gadget.
5- Pode fixar mais de um elemento de página? Não, não pode.



Como localizar linhas de código no meu blog?



Com dificuldades para achar linhas de código dentro do código-fonte de seu template?
Veja esse vídeo, creio que ajudará você:





Então, reforçando: curta, comente e compartilhe esse post...
Isso motiva essa blogueira que vos fala e faz o blog ser cada vez mais atualizado e útil para você...

*A imagem que ilustra o tutorial é uma cortesia do nosso parceiro Shutterstock.
1 comentários via Blogger
comentários via Facebook

Um comentário:

  1. Curti demais o tutorial, muito bom como sempre. Obrigado Elaine.

    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…



Visualizações

Contando...

Dias online
Postagens
comentários