Adicionar HTML e JavaScript na sidebar – WordPress e Blogger
Existem pessoas que não sabem como colocar HTML ou JavaScript nas laterais do Blogger e do WordPress. Estarei explicando rapidamente como proceder nestes casos. A implementação é rápida e fácil. Vamos aos passos?
Blogger:
Acesse seu painel administrativo, clique em “Layout” (1) > “Elementos da página” (2). Clique em “Adicionar um gadget” (3) e escolha o “HTML/JavaScript” (4).
Depois de clicar em “HTML/JavaScript” você será levado para as opções dessa ferramenta, como na imagem abaixo:
No campo “Título” (5), coloque um texto (com poucas palavras – máximo 5) que ficará antes do conteúdo do gadget/widget. No “Conteúdo” (6) coloque o código HTML ou JavaScript. Se você quiser escrever algo e formatar o texto, existem algumas opções (7) que você poderá utilizar. Clique em “Salvar” e escolha a posição que você quer deixar o gadget movendo-o com o mouse.
Recomendo que leia esse post do Blogueiros na Web: Como Colocar Códigos JavaScript dentro de Posts e na Sidebar no Blogger.
WordPress:
Acesse seu painel e abra a sua aba “Aparência” (1) > “Widgets” (2). Arraste o widget “Texto” (3) até a sua sidebar (4), como na imagem abaixo:
Depois que você arrastar o widget, automaticamente ele irá abrir (como na imagem abaixo). Digite um “Título” (5) (seguindo as mesmas especificações do Blogger – máximo 5 palavras) e as informações e códigos que você quiser (6) e clique em “Salvar“.
Espero que tenha gostado deste tutorial. Dúvidas? Comente.
Olá Luan.Esse passo é algo extremamente importante para leigos e extremamente bem feita,só há um detalhe no caso do Blogger: Tags Script que possuem o atributo src(tipo “<script src='…'") tem o endereço deixado em mínusculo e,além disso,JavaScripts que tenham alguma tag precisam dessa modificação.
Um Grande Abraço e Até!
@Fernando, obrigado pela sua visita. Recomendei seu post neste tutorial. Obrigado pela colaboração. ;D
Abraço.
O wordpress anda diminuindo os códigos JavaScript e eles não funcionam, como o medidor de visitantes online.
Preciso de sua ajuda,
Att,
Artur Araripe
@Artur, em qual site você pegou o medidor de visitantes online?
Olá Luan,
Parabéns pelo post, mas eu sigo esse precedimento,mas para colocar essa imagem do link: http://www.toolshell.org/aquarius/aquarius-clock_cfe2e860f.html (relógio aquário), quando eu vou salvar fica em branco.
Já tentei tbm colocar texto html de visitantes on line e tbm não deu certo.
Se puder me ajudar, eu agradeço.
@Marli, obrigado pelo elogio.
Isso é estranho e confesso que não sei como resolver. O WordPress.com, ao salvar o widget, acaba excluindo as informações do relógio (peguei o código através do código fonte). Vou ver se consigo achar outra forma para adicionar esse relógio no WP.com.
Eu tentei pegar o código do relógio mas não consegui, até me cadastrei. Como eles liberam o acesso ao código do relógio?
Valeu, Luan. Eu pensei que seria super-complicado de fazer isso no WordPress, mas foi super-fácil. Continue assim!