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

Header Vanessa S.

Como Instalar Gadget abaixo do Cabeçalho

A maioria dos templates nativos do Blogger, tanto os antigos Minima, quanto os novos modelos Designer de Modelo, já possuem a coluna abaixo do cabeçalho habilitada.
Porém, alguns templates já modificados não possuem este trecho, o que acaba dificultando a instalação de alguns recursos neste local, como Slideshows por exemplo.
Para facilitar, vou mostrar como configurar o template para que ele aceite a instalação de qualquer widget abaixo do cabeçalho, logo abaixo do menu (gadget páginas).

Desta forma facilitará a você leitor que deseja incluir elementos neste local.

[dica]Só para lembrar, sempre é bom que você faça um Backup do seu template antes de prosseguir com qualquer instalação para evitar transtornos, caso algo saia errado.[/dica]
Para instalar qualquer gadget abaixo do cabeçalho, antes de mais nada você precisa conferir no painel do blog se no seu template já existe a possibilidade de adicionar um gadget nesta área, através de “layout”.

Se você estiver usando templates do “Designer de Modelo”, e no seu template tiver configurado o gadget de páginas, ou gadget de lista de links como menu logo abaixo do cabeçalho, provavelmente não terá a possibilidade de adicionar mais um gadget neste trecho.

Se não houver um campo para “Adicionar Gadget” abaixo do cabeçalho, você terá que fazer algumas modificações no código do template.

Vá na edição HTML do seu blog, NÃO marque “Expandir Modelos de Widgets” e procure por:

'crosscol-overflow' showaddelement='no'

onde está ‘no’ , troque por : ‘yes’
Salve!

Se voltar no menu “layout”, verá que existe mais um campo para “Adicionar Gadget” abaixo do gadget “páginas”, é lá que você irá colar o código do widget/gadget que você quer instalar.

Se você estiver usando modelo de Template já modificado, verifique se no seu modelo existe o trecho descrito acima habilitado, e caso não tenha este trecho no seu template, você pode acrescenta-lo.

Vá na edição HTML do seu blog, NÃO marque “Expandir Modelos de Widgets” e procure por:

  <div id='content-wrapper'> 

E logo abaixo desta tag cole o seguinte código:

 
<div id='crosscol-wrapper'> <b:section class='crosscol' id='crosscol'/> </div>

Se você retornar em “layout” verá que existe um campo para “Adicionar Gadget” abaixo do cabeçalho, é lá que você irá colar o código do widget/gadget que você quer instalar.

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.

39 Comentários

  1. Ale disse:

    Seu blog é muito show.. esses tutoriais sao os melhores.. obrigado por compartilhar

  2. Muito obrigada! Meu modelo foi alterado diversas vezes e as páginas não iam para baixo do cabeçalho, pois não havia opção de widget. Deu tudo certo (=

  3. TE AMO! você leu a meus pensamentos, tava procurando isto mesmo…

  4. Ana Débora disse:

    Valeu, Vanessa. Ajudou bastante. Bjos

  5. Carla Vieira disse:

    obrigada, seus tutoriais estão me ajudando muito.

  6. Jorge disse:

    o meu não tem tais linhas “‘crosscol-overflow’ showaddelement=’no'”
    E agora ?

  7. junior disse:

    não consegui centralizar meu anuncio no novo Gatget, vc sabe poque isso aconteceu?

  8. Henrique disse:

    foi muito bom funcinou direitinho, gosto muito do seu site ele ajuda muito.

  9. Tutorial muito bom!!!!!!!!!!!!!!!
    Deu tudo certo!!!!!!!!!!!!!!!!!!!!!

  10. Jéssica disse:

    Olá, eu queria saber como dividir esse novo gadget, você sabe me informar??
    obrigada!

  11. ester disse:

    olha eu fiz como tava aki no site, mas eu clico para adicionar um gadget nao acontece nada fica como ta. voce sabe como eu arrumo isso?

  12. Gabriel Machado disse:

    No meu aparece ‘Mais de uma seção encontrada com o id: crosscol. Os IDs de seção devem ser únicos e exclusivos.’

    • Vanessa disse:

      Lamento, mas eu não tenho como te ajudar, alguns códigos podem variar de template para template, 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.

  13. Nicolly disse:

    Olha o meu diz que já tem Paginas,mais não temm!

  14. kbuloso disse:

    vlw muito bom !

  15. Conexão Alencar disse:

    muito boom cara… me ajudou muito valeeu mesmo… ótimo post 😀

  16. .:: Nessa ::. disse:

    http://www.automotivosound.com:
    Para fazer esta ou qualquer outra modificação no template,requer um mínimo de conhecimento em html, principalmente se forem modificações que necessitem mexer no código do template. Vc deveria ter feito um backup do seu template antes de fazer qualquer modificação. O Backup é necessário justamente por isso, pq se algo sair errado, é só voltar ao modelo anterior do backup.

  17. www.automotivosound.com disse:

    vcs extragaram meu blog com essa dica ñ recomendo ninguem a fazer isso

  18. Jessyka Lange disse:

    obrigado me ajudou muito.
    simples e muito objetivo.
    bjuhs

  19. Leandro Milenar disse:

    Obrigado, Clau. eu estava procurando algo sobre esse assunto e acabei mim deparando com ele aqui pra minha sorte.
    Gracias

  20. Elizeu Timóteo Pereira disse:

    Obrigado Clau!

  21. .:: Clau ::. disse:

    Kamila
    No marcador "Menus" existem alguns tutoriais com diversos modelos de menus. Dá uma procurada por lá, pode ser que algum deles te agrade.

  22. Kamila Lira disse:

    Clau, como faço para instalar o menu abaixo do titulo do blog, estilo esse seu.. com os principais tópicos do blog, tipo: inicio, indice, principais tópicos e etc? Já quebei minha cabeça e não consigo..

  23. Mae Bonita disse:

    Eu mudei o numero '1' pelo '5'
    mas adicionou a opcao de gadget em cima do cabecalho e nw abaixo como era suposto,seu blog tem divulgado coisas muitos boas,mas algumas coisas nw funcionam no meu,nw sei pork…obrigado assim mesmo…

  24. @igorpotter disse:

    como eu faço para reposionar essewidget? tipo mexer ele mais pro lado, mais pra baixo/cima… obg

  25. Os Cachitos disse:

    e no meu caso, q no codigo HTML, nao há a DIV content-wrapper ??? onde eu colo?

  26. The attitude Included disse:

    A parte do segundo código.. eu não achei!
    Por favor vc pode responder por email? hehe
    otodoaquidapeh@hotmail.com
    bjbj

  27. Andrea Winchester disse:

    Clau, primeiramente muito obrigada pelos tutoriais. No meu template procurei por: content-wrapper e coloquei logo abaixo o código que você falou, mas deu o seguinte erro: mais de um id=crosscol encontrado. Então fiz o seguinte: mudei o nome crosscol (já que havia outro id no meu template) para outro qualquer, e funcionou perfeitamente (^-^). Ai fica a dica para o pessoal que encontrar esse problema no template.

  28. Evandro disse:

    ¬¬ Eu sei 0.o kkk

    Mas não tem nada no widget pra mudar isso. Mexendo no código eu ainda consegui deixar um branco um pouco transparente (uns 50%) mas não totalmente. Procurei na net alguma coisa que pudesse me ajudar mas o que chegou mais perto foi esse tutorial. Mas valew de qualquer forma. Toh chegando a conclusão que é impossível deixar ele com uma cor escura ou totalmente transparente. É como se tivesse uma mascara branca por cima. Qualquer cor escura que eu coloco fica clara e se deixo transparente fica bem esbranquiçada.

    Valeu Clau =D

  29. .:: Clau ::. disse:

    Evandro
    Esse tutorial ensina apenas a habilitar uma coluna abaixo do cabeçalho, não tem nada falando sobre "cores" O.o
    Vc tem q verificar isso no widget q vc instalou.

  30. Evandro disse:

    Valew ótimo tutorial. Fiz e deu certo. Mas eu queria deixar o fundo dele totalmente transparente (Consegui deixar parcialmente transparente meio esbranquiçado)ou então escurecer de vez mas o mais escuro que eu consegui foi um cinza médio pra claro.

    Revirei de cabeça pra baixo o código do blog e não descobri como fazer. Você pode me ajudar?

    Se possível dá uma olhada no blog que eu ainda estou montando para vc ver o problema.

    http://nexuswebptc.blogspot.com/

  31. Diego Vinícius disse:

    Muito bom, me foi bem útil!

  32. .:: Clau ::. disse:

    Marcos Paulo
    Este tipo de problema vc deve reportar diretamente no fórum oficial do Blogger.

  33. Marcos Paulo disse:

    oiie eu queria a sua ajuda urgente
    abaixo do cabeçalho quando vou adicionar um novo gadget aparece isso
    >>

    Não foi possível concluir sua solicitação.

    Ao relatar esse erro ao Suporte do Blogger ou ao Grupo de Ajuda do Blogger:

    * Descreva o que você estava fazendo quando recebeu este erro.
    * Forneça o código de erro e as informações adicionais a seguir.

    >>bX-d7utqj<<

    se quiser me responder por email
    marcospaulogomes@yahoo.com

    Obrigado!

  34. Felipe Correia disse:

    Pedro
    tem um serviço que eu ja utilizei…
    que eu acho que resolve seu problema, não é em baixo do titulo do post como vc falou, mais um pouco acima do footer do post, fica umas estrelinhas tipo, Uma estrela= Bom, 2 estrelas = +/-…
    saka?
    ta ae o link do serviço: http://www.outbrain.com/

  35. Pedro disse:

    Tá bom então. Obrigado, adoro seu Blog.

  36. .:: Clau ::. disse:

    Pedro
    No momento eu não sei te informar, mas se eu souber de algo a respeito eu publico.

  37. Felipe Correia disse:

    bem legal!

  38. Pedro disse:

    é possível instalar uma avaliação do tipo gostei e não gostei ao lado ou em baixo do título da postagem, mais ou menos como os ícones de aumentar e diminuir a fonte?

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