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.
SIGA o @FerramentasBlog agora e mantenha-se mais atualizado!
Quer divulgar seu Blog? Saiba como, AQUI!
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í.
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.
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.





estupidamente facil mesmo… muito obrigado! consegui com a maior facilidade… parabens pelo blog.. beijos byy
parabens cara meu blog tava um abagunça agora nem tanto vlw
Agora eu consegui, rs. Vlw! obrigado!
Mais e se eu quero colocar como barra de titulo como faço
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
prbns ai cara
eu tava com a maior duvida e tu me iluminou as ideias
vlw
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 ?
Vale Vídeo,
No caso aqui só conheço os recursos para blogs. Não sei com te ajudar para sites.
conseguiiiiiiiiiiiiiiiiiii ! obrigada!:)
Caramba, foi super fácil… Tava levando uma coça antes pra adicionar o contador. Valeu e parabéns pelo site!!!
valeu..muito bom!
Carac valeu mesmo pela dica! Estava perdidinha!!! ahahaha
Caraca!! eu estava a muito tempo tentando fazer isso , e não tinha idéia, muito simples mesmo.
Valeu cara!! Ajudou muito!!!
Muitooo fácil… nossa se não fosse por esse artigo eu nunca saberia!
Ajudou muitoo!
muito obrigada…me ajudou mto essas dicas
MUIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIITO OBRIGADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA! Já estava me descabelandoooooooooooooooooooo!!! OBRIGADA MESMO!!!!! \o/
Nossa vc é tudo de bom eu estava ah 6 horas tentando fazer isso..vc é massa
brigadoooooo
foi fácil para o que pretendia saber,obrigado…
Hahaha incrivel como eu n achava o lugar! Super obrigada, bju
Que bom que pessoas como vc investem tempo para ajudar iniciantes, como eu… ehehehe
Muitíssimo obrigada
Muito obrigada!! Você é um excelente instrutor, o seu blog está cada dia melhor!
noooooooooooossa que fácil. E já tinha adcionado quasetodos os gadguets menos esse de HTML/JAVASCRIP
ÔÔÔ !
Muiiiiiiito Útil !
Agora APRENDI.
Parabèns você acabou com minha duvida.Excelente,e fácil de entender
Muito bom o artigo simples objetivo e facil de entender,obrigada
Muito obrigado pelas dicas do artigo, acho que agora vou conseguir.
Um abraço.
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.
SHOW DE BOLA !!! sinceramente estava a ponto de desistir de arrumar meu blog, mas depois deste tutorial maravilhoso…. acabaram meus problemas
Brigadãooooooooooooooo
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!!!
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.
Gostei muito da dica, Porque mesmo sendo facil, eu tbm não sabia como colocar Vlw…
aiiiii carra muito obrigado
quase me matei pra colocar mas agora vi que e muito fasio
valeuuuuuuuuu
Pingback: Contador de visitas para Blog – Contador de visitas grátis para Blogger ou Wordpress | [ Ferramentas Blog ]
Pingback: Tradutor automatico de blog | [ Ferramentas Blog ]
Pingback: Gadget Google Tradutor para Blog | [ Ferramentas Blog ]
Pingback: Google Tradutor para Blog com bandeiras | [ Ferramentas Blog ]
Pingback: Gerador de código pra links | [ Ferramentas Blog ]
Pingback: Gadgets e Elementos – TUb Ferramentas Parte 4 | [ Ferramentas Blog ]
Pingback: Criar um formulário de contato | [ Ferramentas Blog ]
nosssa gooooostei muito facil mesmo ate melhor que editar html e digitar la
Pingback: Colocar Mecanismo de Busca no Blog | [ Ferramentas Blog ]
Nossa, me senti uma idiota por nao ter descoberto sozinha! kkk’ Muito obrigada, mesmo! *–*
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.
Agora eu conseguiiiiiiiii não acredito depois de tanto tempo eu consegui!!!!Brigadaaaa Vc é um anjo!!
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!
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…