Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

22 maio 2008

Inserindo banner ou Adsense sob o cabeçalho

Uma maneira de inserir banners e outros elementos de página centralizados sob o cabeçalho facilmente é procurar no código do seu template (não é preciso Expandir Modelo de Widget) este trecho:

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
</b:section>
</div>

onde está no substitua por yes e salve. Vá em Modelo/Layout e já poderá visualizar o espaço apropriado sob o cabeçalho para inserir elementos de página.

Nota1: Esta DIV pode ser encontrada em todos os templates originais do Blogger. Templates modificados podem não conter esta DIV

Nota2: Esta DIV pode ser personalizada no CSS assim:

#crosscol-wrapper{
width: estabeleça aqui a largura;
height: estabeleça uma altura, se desejar;
background: estabeleça cor ou imagem de fundo;
padding: estabeleça distância das margens;}

Nota3: esta DIV sempre acompanhará a largura total de Outer-Wrapper se nenhum valor em width for estabelecido.

É excelente para centralizar facilmente, links de anúncios do Adsense sob o cabeçalho.

Se deseja colocar este tutorial em seu blog, fique à vontade. Peço apenas que acrescente um link para cá e automaticamente o link do seu blog aparecerá abaixo deste post.

Artigos Relacionados

27 comentários:

RafaMaiaX disse...

Oi, tudo bem! to com uma duvida meio basica veja se você pode me ajudar...
Como eu tiro aquele marcador que vem antes do titulo do post?(aquela setinha verde...)
eu consegui colocar uma foto junto do titulo mais nao achei a tal da setinha...

e depois como faço para o link do titulo ficar centralizado na horizontal junto com uma imagem? parece que toda imagem fica um pouco superior aos links!

Mais uma vez valeu a atenção abraço!

(ha, sobre o que eu tinha te perguntado antes sobre os posts mais vistos achei esse site http://feedjit.com/ que tem um widget parecido com os mais vistos)

lagartinha disse...

Olá Ariane
Mais uma vez obrigada por todas as dicas.
Tenho uma página dedicada a arquitectura e design. Gostava de incluir um gadget (acho que se chama assim) para permitir que outros utilizadores de software 3D possam fazer downloads de objectos 3D e texturas. Isso é possivel? Como?
Obrigada
Ana

Lety disse...

Olá... Primeiramente, gostaria de agradecer pelo blog com tantas coisas úteis... adorei!

Segundo, bem, não sei aonde eu vou, mas gostaria de falar que peguei um lay seu... que adorei e caiu bem para meu blog...

Terceiro, gostaria de saber como coloco um link-me no blog, assim como como coloco um contador de visitas! obrigada!

Darkness

Luis Marcos Leite disse...

Parabéns! Muito obrigado pela dica. Apesar de não ter posto meus anúncios no cabeçalho, pelo menos serviu pra que eu encaixasse ele no template do meu blog, pois não estava conseguindo.

Darlan disse...

Amigo,

não estou conseguindo postar propagandas no seu blog.
Exibe o seguinte erro:

Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The reference to entity "Anuncio_ID" must end with the ';' delimiter.

O que posso fazer?

Unknown disse...

Muito obrigado mais uma vez por esta dica... pshow de bola.... vlw!!

Unknown disse...

Ola Ariane!!!

Gostaria se possível, que vc me ajudasse com o seguinte:
> entre os meus posts, na verdade entre o primeiro e o segundo, existe um banner do adsense (se você puder olhar no meu blog), que quero retirar.
Porém, não consigo localizar o código referente a este adsense entre posts.

Desde já agradeço, aguardando resposta!!

"Evoluir e agregar conhecimento, sempre!"

Phill disse...

Olá Ariane,

Me chamo Felipe e sou novo nesse mundo bloggueiro e gostaria de sua ajuda em um template que vc projetou. É que eu to tentando colocar um banner no acima do rodapé e ele teima em ficar no meo do rodapé. Esse banner foi incluido como widget. Aliás, os widgets parecem que estão travados, não porque não é possível alterá-los, mas não é possível arrástá-los para outra posição. O template é o TecnoWorld.
Se vc puder me dar um help...
agradeço desde já!

Unknown disse...

Eu fiquei 3 horas me batendo com esse código....vim aqui e resolvi em 2 minutos.........hahahaha

Luana Dalberto disse...

Oiii tudo bemm?

preciso de ajudar urgente!!!

O meu blog é do harry potter!
eu queria fazer uma pagina soh com o Especial de Hary Potter e o enigima do principe!

Soh q eu nao sei como eu posso fazer outra pagina.. soh com isso sabe!!

por favor me ajudaa!!

bjaO

PS: Amei esse blog.. ele me ajudou muito!

Cláudio Ribeiro disse...

Olá Ariane, quanto ao assunto acima relacionado, minha dúvida é a seguinte:
Esta DIV, não existe no modelo de template do meu blog, mas eu posso inseri-la sem problemas?? Se a resposta for positiva, onde devo inseri-la? Ficarei no aguardo!! Agradeço desde já.

Ariane disse...

Claudio, vc pode inserir sem problemas, abaixo de <div id='content-wrapper'>

Cláudio Ribeiro disse...

Olá Ariane, sou eu de novo, bom eu adicionei a DIV, logo depois da tag "body", mas ao invés de ela ficar abaixo do cabeçalho ela ficou em cima, o que pode ser??
Nota: Abaixo do cabeçalho existe uma barra de navegação.

Ariane disse...

Claudio, mas não é abaixo de body. olha o meu comentário anterior

AD disse...

eu quero saber como eu posso colocar um banner no titulo do blogg
(exemplo no lugar de "template novo blog" colocar meu banner)

me ajuda ai kra!

parabéns esse é o único lugar onde podemos encontrar ajuda.

AD disse...

eu quero saber como eu posso colocar um banner no titulo do blogg
(exemplo no lugar de "template novo blog" colocar meu banner)

me ajuda ai kra!

parabéns esse é o único lugar onde podemos encontrar ajuda.

Alessandro e Gisele disse...

Olá como faço para colocar mais uma coluna em meu blog, quero ele com 03 colunas mas não consigo, pode me ajudar. Valeu!

Anônimo disse...

Nâo estou conseguindo fazer. Você poderia me mandar por email? rssss
Brincadeira, querida!
Só para contar de que deu certinho! Beijão!!!!

Anônimo disse...

valeu esse blog é mesmo d+

Paulo Pereira disse...

Parabens pelo blog, contem dicas uteis

Pedro disse...

Ariane, obrigado pelas dicas. Você poderia me ensinar a usar essa dica no seu template Black, bem como a dica do adsense entre os posts?

No Black, essa div não existe, e entre os posts, os anúncios ficam desalinhados pra direita...
obrigado!
bjs

Fernando Freire Borges disse...

Amigo, estou começando a fazer meu Blog, muito boas suas dicas adorei, está de parabens, gostaria de saber bem mais sobre essa programação dos templates, por exemplo: como inserir banners de comercial na área de postagem, e fazer com isso um tipo de mercado de vendas, obrigado pela ajuda.

Luiz Otávio disse...

Caramba, tudo o que eu procuro eu acho no seu blog, brigadão!

TV Online disse...

Oi tudo bem? Estou com um problema com a imagem do cabeçalho do meu blog no internet explorer a imagem do cabeçalho fica em branco. Já no fireox funciona perfeitamente.

Tem como vc me ajudar?

O meu blog é esse aqui!

http://tv-electro.blogspot.com/

Advogado disse...

=DDDDDDDDDDDDDDDD salvou meu dia dona Ariane =D

Espero que tenha mais sorte com os comentários salsinhas ahuiehoeiuh

Pra mim tá tudo muito claro e didático.

Eu não possuía o código mas acrescentei e tudo ficou uma maravilha...

Abração, sucesso e muita grana no bolso!

Lucas D. disse...

Olha adorei seu site vc é muito inteligente, tenho 14 anos e construi meu blog em janeiro de 2011, tá aki: http://www.centraldogta.blogspot.com/ já tive mais de 8000 visitas desde janeiro graças a suas dicas de template e tudo mais! vlw ae!

Guilherme disse...

ETENÇÃO nos novos modelos do BLOGGER (2010 adiante): Para fazer isso funcionar você tem que colocar um número de quantas miniaplicações deseja por, além de mudar para "yes". Basta procurar por cabeçalho, pois é lá que vai está a linha semelhante a do exemplo na postagem.

Postar um comentário

Os comentários são moderados.