Como colocar códigos no blogger

Como colocar códigos no blogger, para quem está começando com um BlogSpot, é bom saber que tem diversos lugares para colocar códigos no blogger, porém, como é algo muito relativo, vou colocar algumas dicas e postagens relacionadas ao assunto.

A karol* disse num comentário: "queria mudar o layout do meu blog, daí entrei num blog, copiei o código mas não sei como colocar"

Códigos pegos em sites

A primeira e melhor dica é, não sabe onde coloca o código, está em dúvida, use um blog de testes(clique e saiba como e porque)

Tenha certeza que o site em que você pegou o código é confiável, geralmente os sites bastante conhecidos, visitados e de "renome" são.

Onde coloca o código depende muito do que o site onde você pega um código diz sempre leia com atenção, a instrução que ele dá, as vezes não tem instrução nenhuma, nesses casos geralmente a melhor solução é a opção Html/javascript do blogger, você pode ver mais detalhes em colocar códigos na lateral do blogger(clique aqui), que não é só para a lateral, mas é aplicável ao rodapé e a parte superior(quando disponível).

Códigos prontos de outros sites geralmente podem ser encarados como gadget para blog, um exemplo é o código abaixo que peguei aqui no site do google e no blogger o melhor local para ele é a opção Html/javascript
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'pt'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

O código acima peguei aqui, e ele não da instrução porque isso depende do tipo de blog/site onde ele será colocado.

Sempre tenha o cuidado de copiar todo o código, mas também só ele.

Finalizando, o site não indica onde adiciona o código, como disse acima, use a opção Html/Javascript do blogger(ver passo a passo) e prefira um blog de teste antes.

HTML do blogger

Outra opção de adicionar códigos é no próprio HTML do blogger, esse é bom ter muito cuidado, tanto porque pode estragar seu layout e porque é difícil de entender e voltar ao normal, por isso é bom ter certeza do que está fazendo, geralmente os sites indicam os passos para fazer isso, aqui no blog, muitas vezes eu indico alguma alteração no Css que fica no HTML, e os passos para mexer no HTML são os mesmos você pode ver como adiciona estilos Css aqui, claro que, você deve ter copiado algum estilo que seja compatível com seu modelo e que tenha uma ação em um elemento de seu blog.

Muita coisa no blogger pode ser feito sem mexer em códigos, veja alguns exemplos nos links abaixo:
Códigos do modelo(template)
Se você encontrou um site que disponibiliza modelos(templates) para o blogger, terá que mudar todo o HTML dele, é bom certificar-se que esse código que você pegou é mesmo um modelo para blogger, sendo assim veja como colocar template no blogger(clique).

Se bem que o blogger possui vários modelos novos, personalizáveis e geralmente sem problemas, enquanto um modelo de template baixado ou copiado da web pode vir com trechos de códigos faltando e depois algumas funções não funcionarem, isso ocorre porque o blogger vai adicionando novidades e esses modelos podem ter sido feito antes das mesmas.

Cuidados com os códigos

  • Copiar apenas o código necessário
  • Copiar todo o código necessário
  • Saber onde exatamente adiciona o código
  • Evitar colar em outro arquivo ou documento, porque alguns documentos(programa) mudam os caracteres do código e ele passará a não funcionar.
  • Só códigos de site confiáveis

Finalizando, algumas coisas são difíceis, mas dependem de você praticar, ler com atenção, com o uso elas melhoram, ficam mais fáceis e, não tem outra maneira, tudo depende de aprender e principalmente praticar.

12 comentários:

Como colocar códigos no blogger2010-08-29T14:50:00-03:00
  1. Olá vc é um gênio, passa no meu blog e visite-o.
    Você vê a HUMILDADE dele, será que terá sucesso?
    http://ideiasecriticasdavidahoje.blogspot.com/

    Responder
  2. IDÉIAS E CRITÍCAS

    Gostei do conteúdo de teu blog, se fosse eu retirava os gadgets que tem acima das postagens e colocava eles na lateral(é bom ver o post ao acessar um blog) e deixava no topo só um logotipo estreito e pode ser largo e uma descrição sem maiúsculas(algumas pessoas acham feio...), e aumentaria um pouco só a largura dos posts tirando um pouco da lateral direita, e marcadores, você usou endereços de sites, acho algo incomum e fica um visual feio vendo eles na lateral, outra dica é você observar alguns outros blogs e ler bastante sobre o assunto, eu não escrevi nada ainda com esse intuito, mas procura na web coisas que um blog deve ter e dicas, nem tudo que dizem é verdade, mas é preciso filtrar.

    O "sucesso" é difícil de alcançar e vem muito do que a gente escreve e não do que copia, mesmo assim é preciso fazer alguma divulgação.

    Responder
  3. Muito bom amigo, seu espaço esta sensacional, continue assim
    Abraços forte

    Responder
  4. EU ENCERI O BLOG FOITESTADO.COM NO MEU BLOG QUANDO QUERO APRENDER ALGO VOU AO ENCONTRO DO FOITESTADO MEU BLOG É O PITERLUGBLOG EU ESTOU QUERENDO COLOCAR PRODUTOS DO AMAZON.COM E JA´ FUI APROVADO SO´NÃO SEI ONDE COLOCAR O CODIGO ID DO AMAZON O FOITESTADO.COM PODERÁ AJUDAR-ME A COLOCAR ESSE CODIGO NO MEU BLOG GRATO PELA ATENÇÃO.

    Responder
  5. piterlugblog

    Veja como colocar códigos no blog com blogger, clique aqui

    Mas, para anúncios é melhor usar o Google adsense, clique aqui, ou outro no seu idioma, porque muitos outros anúncios ou mesmo produtos podem não ser interessantes para o público do país, os produtos de alguns sites como Amazon.com são mais destinados para pessoas que falam inglês e dos Estados Unidos, sendo assim, esses produtos podem nem lhe trazer lucro ou nem mesmo ser do interesse dos visitantes de seu blog.

    Responder
  6. Eu queria mudar a cor da barra de rolamento no blogspot e eu procurei no google e achei um site ele diz q eu tenho que colocar um codigo no tags mas ñ sei como colocar esse codigo no tags
    Veja meu blog:www.blogathaniny.blogspot.com/

    Responder
  7. Amanda anjos

    A cor da barra só mudava para o navegador Internet Explorer e hoje aproximadamente 1 em cada 3 pessoas usam ele, sendo assim não vale apena colocar esse código, e, além disso ele não funciona com a versão de Html do blogger.

    Responder
  8. Como adicionar abas no blog?

    Responder
  9. Meu espaço de criação!

    Acho que você quer menu páginas do blogger, clique, é o mais parecido com abas que posso indicar para blogs do blogger.

    Responder
  10. Olá, minha duvida e a seguinte:eu encomendei um template num site ai¿ Aí depois de pronto enviaram o codigo do template pro meu email e eu copiei e quando eu fui colocar la no html do template eu apaguei todo o codigo do template atual, ai eu colei o codigo q me enviaram por email e dps qd eu...

    Responder
  11. Fui colar o codigo q me enviaram e eu ia salvar aparecia uma mensagem de erro no blog! me ajude pois eu preciso muito do template!

    Responder
    ...Respostas
    1. O template deveria estar em uma arquivo de texto para não conter nem uma formatação que possa alterar algum caractere e você abrir o arquivo com um documento sem formatação(tipo o bloco de notas do Windows), precisa copiar todo o código sem esquecer nem um caractere, ao inserir, certificar-se de excluir todo o outro código, se der uma mensagem de erro, tente pressionar o botão de Salvar novamente, sem mudar nada, as vezes o blogger não aceita de primeira, mas na tentativa repetida dá certo. Faça todo o procedimento sem marcar a opção Expandir modelos de widget, se mesmo assim o blogger enviar a mensagem de erro é porque tem algo errado no código.

      Sempre, antes de alterar ou trocar um modelo de template, use a opção Baixar modelo completo para garantir que possa voltar ao que era em caso de não gostar ou erros de design, etc.

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!