Postagens | Dicas blog, Imagem, Pc Windows

Colocar códigos na lateral e área de gadgets de blogs do Blogger

Vou mostrar como colocar códigos Html ou JavaScript nas áreas de gadgets do blogger, códigos que geralmente são pegos em outros sites e que desempenham uma função de gerar algo em um blog ou site. Para a nova interface do blogger.

O blogger tem uma opção própria para inserir códigos em seus blogspots, principalmente para que fiquem na lateral, base(rodapé) e até topo, sendo assim você não precisa mexer no HTML do blogger para inserir códigos, isso evita erros e problemas em seu modelo de blog/site do blogger.

    Como adicionar códigos para gadgets no blogger

  1. Acesse o blogger.com
  2. Se estiver na página inicial do blogger, clique na seta de menu que fica ao lado do nome de seu blog
  3. Abrirá o menu, talvez apareça uma barra de rolagem, rode ela para encontrar a opção Layout, clique nela.

    Se você estiver em outra área do blogger(correspondente a seu blog), aí a opção Layout pode estar no menu lateral do blogger(veja imagem abaixo)

  4. Na página que abrir escolha o local próximo onde quer o gadget e clique no link Adicionar um Gadget
  5. passos para colocar gadget html javascript no blog do blogger
  6. Na página que abrir, que provavelmente você estará em Noções básicas, se não clique nela
  7. Suba ou desça a página até encontrar o link HTML/JavaScript, encontrando ele pode clicar nele
  8. Apenas se não encontrar a opção correta(procure bem), aí clique no link próximo para ver outros gadgets
  9. como escolher gadgets para adicionar códigos em blogs do blogger
  10. Apenas observe que deve estar aparecendo a opção Formato Rick Text, para inserir códigos, nunca clique nessa opção, principalmente depois de inseri-los
  11. Abrirá uma página para com um campo('caixa de texto') onde você pode inserir o código
  12. Se quiser, adicione um título para o gadget, pode deixar vazio o espaço destinado para o título, assim seu gadget não terá um título
  13. Tudo pronto, sempre clique no botão de Salvar para que ele seja adicionado.
  14. como inserir códigos html e javascript na lateral de blog do blogger
    Dicas:
  • Dentro da área de colocar o código(passo 9), evite pressionar teclas que insiram qualquer coisa, caracteres, espaços ou tecla enter. Qualquer coisa fora do normal pode fazer um código não funcionar.
  • Evite colar os códigos e dar enter no meio dele(de maneira que faz parte dele ir para a linha de baixo), isso 'quebra' o código. Na área de inserir códigos(passo 9), tecla enter cria uma nova linha, assim, até mesmo acima ou abaixo do código ela pode fazer ficar um espaço 'em branco'
  • Evite copiar e usar os códigos copiados de documentos com formatação, mas, não deixe de guardar seus códigos, para isso pode usar um documento de textos comum, como o bloco de notas do windows, pois esse tipo não inseri formatação que 'estragaria' os códigos.
  • Se puder, tente aproveitar o mesmo gadget para colocar outros códigos que julga necessários, assim você evita pesar mais seu blog porque diminuindo um gadget você diminui outros códigos que vão 'entorno' dele.

6 comentários:

  1. Seu Blog é maravilhoso.Que bom T encontrado seu blog.Clico sempre nas suas publicidades.ParBèns pelo Blog
    Obrigado pelas otimas dicas

    ResponderExcluir
  2. Muito legal, porém a imagem sai da margem do blog.

    ResponderExcluir
  3. Seu site é ótimo! Fazia tempo que não conseguia, e quando segui certinho o que diz o site deu certo! Muito obrigada! Sucessos

    ResponderExcluir
  4. porque minha apresentação não aparece ta tudo preto.

    ResponderExcluir
    Respostas
    1. Seria um gadget 'problemático' que você adicionou? Isso acontece, às vezes alguns são criados e anos depois passam a não funcionarem por que quem criou usou uma ligação com arquivos externos de sites que removeram esses arquivos, grandes sites também fazem isso, Google, Yahoo. Msn... Existem casos que, com atualizações e modificações de navegadores de internet, os códigos usados para gadgets passam a 'não funcionarem' mais nos navegadores atualizados.

      Excluir

→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!

Postagens Populares