Onde colar código HTML no Blogger

Esse blog aqui dá muitas dicas de gadgets (elementos de página) e sempre aparece algo na explicação do tipo “copie o código e cole num gadget “HTML/JavaScript” – ou uma frase parecida. Algumas pessoas, novatas ou não, podem não entender exatamente a que estamos nos referindo, nem onde é o lugar mais apropriado para colar um código HTML de um novo elemento. Vejamos aqui como proceder.

AVISO: Últimos dias para baixar GRÁTIS o E-book "40 dias para Salvar seu Blog". A partir do dia 06/02 será tirado do ar.

SIGA o @FerramentasBlog agora e mantenha-se mais atualizado!

Quer divulgar seu Blog? Saiba como, AQUI!

E-Book Bloggar


Se você usa o WordPress, veja o procedimento aqui:

Não tem mistério e é uma das coisas mais simples de se fazer num blog: criar um novo elemento de página, adicionar um novo Gadget. Aqui é só uma prévia de um tutorial mais completo sobre o tema. Resolvi escrever esse por causa de uma visitante que deixou o seguinte comentário:

“Ainda sou novata as inovações de blogs… e o que eu realmente nao entendo é como colocar o codigo… todo post q li aqui vc fala para copiar o codigo html e colar… mas o caso é ONDE? pode ser q seja uma coisa estupidamente facil.. mas eu realmente no entendi! se puder me ajudar agradecerei! brigadu desde ja…”

(Vivi Diniz)

Bom, é sim, estupidamente fácil! vou tratar aqui de forma bem objetiva e nos tutoriais terá mais detalhes sobre os Gadgets e outros elementos de página.

Sempre que quiser adicionar um código HTML de algum novo elemento para o seu blog no Blogger, faça o seguinte:

1. Clique em “Design” e depois em “Elementos da página”.

2. Procure por “Adicionar um Gadget” e clique aí.

elementos03

3. Na janela que abrir, verá várias opções de elementos de página (tb conhecidos por widgets). Procure pelo “HTML/JavaScript” e clique no sinal azul para adicionar.

elementos04

4. Segue a etapa para colocar o elemento em funcionamento. Basta agora colar aí o código que vc quer usar e salvar. Arraste o gadget adicionado para onde achar mais adequado e pronto.

Quando é para ser colado em outro lugar, por exemplo no código fonte do seu blog, isso estará indicado devidamente. Não sendo nesse caso, isso q tá aí acima resolve o problema.

Ebook Blogar - O Processo de Criação de blogs, Compre agora por apenas 14,90

Website | Twitter | Facebook
Marcos Lemos é professor e blogueiro. Formado em Teologia pela PUC-MG, graduando em Letras (Português/Inglês) pela FUNEDI/UEMG. Criador do [ Ferramentas Blog ] e tem se destacado como metablogger.
Marcos Lemos já escreveu 1261 posts no Ferramentas Blog.

46 comentários

  1. Vivi Diniz disse:

    estupidamente facil mesmo… muito obrigado! consegui com a maior facilidade… parabens pelo blog.. beijos byy

  2. Blog Do Poeta disse:

    parabens cara meu blog tava um abagunça agora nem tanto vlw

  3. Christiano disse:

    Agora eu consegui, rs. Vlw! obrigado!

  4. Religião e Mitologia Egípcia disse:

    Mais e se eu quero colocar como barra de titulo como faço

  5. Marcos Lemos disse:

    Se o que você quer é modificar o cabeçalho do seu blog, dê uma olhada nesse artigo:
    http://www.ferramentasblog.com/2008/10/imagem-no-cabecalho-do-blog.html

  6. Gilberto Sarmento Filho disse:

    prbns ai cara
    eu tava com a maior duvida e tu me iluminou as ideias
    vlw

  7. vale video disse:

    Ola. eu estava procurando um codigo marquee para por fotos e testei esse. No blog deu certinho, agora é só trocar as fotos e aumentar a quantidade. Mas no site,não funcionou de jeito nenhum . Uso o I.E. esse marquee só funciona em blogs? tem algum código a mais para acrescentar para que funcione em site html também ?

  8. Marcos Lemos disse:

    Vale Vídeo,

    No caso aqui só conheço os recursos para blogs. Não sei com te ajudar para sites.

  9. Fátima disse:

    conseguiiiiiiiiiiiiiiiiiii ! obrigada!:)

  10. Solução Estatística Júnior - UERJ disse:

    Caramba, foi super fácil… Tava levando uma coça antes pra adicionar o contador. Valeu e parabéns pelo site!!!

  11. Sonvil disse:

    valeu..muito bom!

  12. Concursanda Carioca disse:

    Carac valeu mesmo pela dica! Estava perdidinha!!! ahahaha

  13. Christian Alexander disse:

    Caraca!! eu estava a muito tempo tentando fazer isso , e não tinha idéia, muito simples mesmo.
    Valeu cara!! Ajudou muito!!!

  14. Invisivelmente Conectados disse:

    Muitooo fácil… nossa se não fosse por esse artigo eu nunca saberia!

    Ajudou muitoo!

  15. Ironicos Ponto Com disse:

    muito obrigada…me ajudou mto essas dicas

  16. ✂ ✂ ✂ ✂ ✂ ✂ ✂ ✂ ✂ ✂ disse:

    MUIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIITO OBRIGADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA! Já estava me descabelandoooooooooooooooooooo!!! OBRIGADA MESMO!!!!! \o/

  17. Mila lopes disse:

    Nossa vc é tudo de bom eu estava ah 6 horas tentando fazer isso..vc é massa
    brigadoooooo

  18. adriano almeida disse:

    foi fácil para o que pretendia saber,obrigado…

  19. Marianna Gomes disse:

    Hahaha incrivel como eu n achava o lugar! Super obrigada, bju

  20. English is fun disse:

    Que bom que pessoas como vc investem tempo para ajudar iniciantes, como eu… ehehehe
    Muitíssimo obrigada

  21. Kilza Miranda disse:

    Muito obrigada!! Você é um excelente instrutor, o seu blog está cada dia melhor!

  22. Gehazi R. disse:

    noooooooooooossa que fácil. E já tinha adcionado quasetodos os gadguets menos esse de HTML/JAVASCRIP
    ÔÔÔ !

  23. Muiiiiiiito Útil !

    Agora APRENDI.

  24. de tudo um pouco disse:

    Parabèns você acabou com minha duvida.Excelente,e fácil de entender

  25. de tudo um pouco disse:

    Muito bom o artigo simples objetivo e facil de entender,obrigada

  26. Sergio Nunes disse:

    Muito obrigado pelas dicas do artigo, acho que agora vou conseguir.

    Um abraço.

  27. Valerie disse:

    Pode até parecer repetitivo, mas teu blog é show!
    Uma verdadeira mão na roda prá quem, como eu, é analfa nessas coisas de códigos e afins.

    Obrigada mesmo, por tudo.
    Abraços.

  28. Luciane Crippa disse:

    SHOW DE BOLA !!! sinceramente estava a ponto de desistir de arrumar meu blog, mas depois deste tutorial maravilhoso…. acabaram meus problemas
    Brigadãooooooooooooooo

  29. Ligando meu PC disse:

    Nossa muito boas suas postagens, da pra entender tudo certinho, ainda mais pra mim que sou super novata na área de blogs. Sucesso pra vc!!!

  30. BLOG DO PASTOR JORGE MYRA disse:

    Realmente, já tenho usado de várias dicas que tu tens dado e, que tem me proporcionado soluções de muitas dúvidas, já que sou bastante iniciante nessa área de Blog.
    Marcos, quero agradecer a Deus pelo teu vasto conhecimento e, a presteza com que tu tens servido ,creio,a milhares de pessoas, como eu.
    Grande abraço.
    Seja Feliz.

  31. Walacy disse:

    Gostei muito da dica, Porque mesmo sendo facil, eu tbm não sabia como colocar Vlw…

  32. aprendendo o novo disse:

    aiiiii carra muito obrigado
    quase me matei pra colocar mas agora vi que e muito fasio
    valeuuuuuuuuu

  33. Pingback: Contador de visitas para Blog – Contador de visitas grátis para Blogger ou Wordpress | [ Ferramentas Blog ]

  34. Pingback: Tradutor automatico de blog | [ Ferramentas Blog ]

  35. Pingback: Gadget Google Tradutor para Blog | [ Ferramentas Blog ]

  36. Pingback: Google Tradutor para Blog com bandeiras | [ Ferramentas Blog ]

  37. Pingback: Gerador de código pra links | [ Ferramentas Blog ]

  38. Pingback: Gadgets e Elementos – TUb Ferramentas Parte 4 | [ Ferramentas Blog ]

  39. Pingback: Criar um formulário de contato | [ Ferramentas Blog ]

  40. nosssa gooooostei muito facil mesmo ate melhor que editar html e digitar la

  41. Pingback: Colocar Mecanismo de Busca no Blog | [ Ferramentas Blog ]

  42. Nossa, me senti uma idiota por nao ter descoberto sozinha! kkk’ Muito obrigada, mesmo! *–*

  43. Existem as vezes certas dificuldades, porque não estamos atentos a detalhes, realmente as informações foram excelentes para que conseguisse meu objetivo; muito bom mesmo.

  44. Agora eu conseguiiiiiiiii não acredito depois de tanto tempo eu consegui!!!!Brigadaaaa Vc é um anjo!!

  45. Graças a este artigo,a minha dúvida dissolveu-se. :)
    Mas, gostaria de saber se o gadget “HTML/JavaScript” adapta-se ao novo modelo visualizações dinâmicas.
    Obrigada! :)

  46. Não consegui colocar no novo Blogger….

    Meu blog tem menos de 1 mês, tentei isso que vc explicou, mas não funcionou, o gadget ficou vazio…

Faça um comentário

Siga o Ferramentas Blog no Twitter e ganhe um E-Book 40 Dias Para Salvar Seu Blog