Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Postagens Tutoriais Blogger Vanessa S.

Como instalar widget acima da coluna de postagens

Muitas pessoas tem me perguntado como instalar widget acima da coluna de postagens.
Eu já havia dado um exemplo no artigo onde disponibilizei o Widget de Boas Vindas e Feed no Blogger.
Então para facilitar, vou mostrar como configurar o template para que ele aceite a instalação de qualquer widget acima dos posts. Desta forma facilitará a você leitor que deseja incluir, por exemplo, banners do Adsense, ou até mesmo um slideshow, neste local.

Para instalar qualquer widget acima da coluna de postagens, antes de mais nada você precisa conferir no painel do blog se no seu template já existe a possibilidade de adicionar um gadget acima da coluna de postagens, através do menu “layout”.
Se não houver, você terá que fazer algumas modificações no código.

Instalar widget acima da coluna de postagens

No painel do blogger, acesse o menu “modelo” e clique em editar HTML” do seu blog.
Procure por:

b:section class='main' id='main' showaddelement='no'

instalar widget acima da coluna de postagens

Onde está escrito showaddelement=’no’ troque por showaddelement=’yes’
e salve as modificações.

Se você retornar em “layout” verá um campo para “Adicionar Gadget” que fica bem em cima da coluna de postagens do blog, é lá que você irá colar o código do Widget que você quer instalar.

(Veja imagem)

Caso queira aprender como ocultar ou exibir os widgets que você instalou, em determinadas páginas, leia o artigo:
Ocultar widgets em determinada página

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

21 Comentários

  1. jelroberto disse:

    eita, me salvou aqui agora!!!

  2. Joel Filipe disse:

    e se for embaixo da postagem?

  3. Marcos Paulo disse:

    Adorei, por mais simples que seja. Certos elementos parecem ser complexos de se construir a primeira vista, e quando aprofundamos, vemos o quão bobo é.

    Muito bom os tutoriais para iniciante, embora eu já tenha conhecimento na área de CSS, HTML e programação, é bom quando vemos algo mais especifico para certa plataforma, no caso, o Blogger.

  4. Andre Luiz disse:

    Poxa o meu não tem esse codigo que você mandou procurar oque faço ?

  5. Di web disse:

    Valeu profª Clau…rsrsrsr 🙂

  6. Allyson disse:

    Olá, eu coloquei o slide no meu blog e ele ta funcionando e tudo, o problema é que ele ficou com um espaçamento na lateral esquerda e na parte superior. Eu estou usando as medidas certas. O que eu faço?

    • Vanessa disse:

      Lamento, mas eu não tenho como te ajudar, pois deve ser algo relacionado ao seu template e para tentar descobrir, teria que ser feita uma análise mais minuciosa, e infelizmente eu não disponho de tempo para isso. De qualquer forma, agradeço pelo comentário.

  7. _AFSA- disse:

    Bom da td certo mas fica sem fundo o local onde esta o gadget, como faço pra modificar o fundo dele?

    obg!

  8. Valdiney disse:

    Muito bom! parabens mais uma véz!

  9. Emerson disse:

    Obrigado…

  10. Apocalipse disse:

    Show, show, show! Muito obrigadoo!

  11. Deborah - Delicias1001 disse:

    Parabéns pela explicação!
    Excelente, deu super certo.
    Obrigada.
    Deborah

  12. maki disse:

    Muito obrigado pela dica. Como a Jana, meu codigo era diferente mas encontrei o lugar certo. Abraço. "no""yes"

  13. Jana disse:

    Ahhhh! Muito obrigada! A coisa mais idiota do mundo trocar um "no" por "yes", mas eu jamais saberia sem essa dica sua. O código do meu blog era diferente, mas procurei algo que parecesse com o que você mostrou e claro, tava lá e pude mudar numa boa. Ajudou muito. ^^

  14. .:: Clau ::. disse:

    anetemchock
    Conforme eu já citei no comentário nº5, neste tutorial eu ensinei apenas como habilitar a coluna acima da área de postagens para instalar algum widget/gadget que vc quiser. Se está dando erro, com certeza está relacionado ao gadget que vc instalou ai. A instalação de alguns gadget podem variar de template para template. Sendo assim, não tenho como te ajudar.

  15. anetemchock disse:

    Poxa, tentei instalar um monte de vezes e não deu certo, quer dizer, instala certinho, mas na hora de buscar alguma coisa aparece que a página não foi encontrada no blog, e não dá pra escrever nada que tudo acontece a mesma coisa… Você tem idéia do que pode estar acontecendo?? Comecei a mexer com blog faz pouco tempo, o seu blog já me ajudou muito…

  16. .:: Clau ::. disse:

    Fernando Ambrosio
    Se vc usava blogspot.com e mudou para dominio próprio, o blogger redirecionará tudo automaticamente. Se tiver mais dúvidas ou problemas a respeito deste assunto, sugiro que vc utilize o Fórum Oficial do Blogger para esclarece-las.

    Didie
    Neste tutorial eu ensinei como vc habilitar a coluna acima da área de postagens para instalar um widget que vc quiser. A personalização vai depender do q vc tiver instalando ali.
    Para centralizar texto, vc pode utilizar a tag:
    <center>Texto</center>

  17. Didie disse:

    show de bola!!!
    gostaria de saber como centralizo o texto nesse widget… melhor como posso personalizá-lo…
    desde já,
    agradeço

  18. Fernando Ambrosio disse:

    Olá amigo achei seu blog muito legal e com muitas postagens interessantes, achei seu blog em uma pergunta feita no google sobre domínio do blog. Ainda não resolvi meu problema sobre domínio, será que você pode me ajudar?
    Eu quero mudar meu domínio de blogspot.com para .com e queria saber se quando for digitado meu novo domínio vai aparecer que o blog que estava aqui mudou para wwww.exemplo.com deseja ser redirecionado. Ou ao digitar o novo domínio vai entrar automaticamente.
    Por favor, me ajude neste problema. Obrigado!

  19. homensdiscretos.com disse:

    Clau, parabens pelo trabalho! Muito bom mesmo!

  20. Alex Lopes disse:

    Novamente, simplesmente show Clau, parabens!!!

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.