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.

Leia Mais

Anúncios do Adsense dentro da coluna do Post

1- Vá no site do Adsense e gere o código do anúncio.
Vai ser assim:

<script type="text/javascript"><!--
código do anúncio
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>


2- Copie o código e cole no bloco de notas. Agora substitua os sinais
em vermelho por estes códigos em azul:

&lt; e &gt;

O anúncio deve ficar assim:

<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>


3- Agora vá em Modelo, Editar HTML (sempre salve uma cópia do seu
template antes de qualquer alteração, caso dê alguma coisa errada...Basta clicar em Baixar Modelo Completo e uma cópia do seu template será salva no seu computador)
e clique em Expandir Modelo de Widget. Agora encontre este trecho
do código do seu template:

<div class='post-header-line-1'/>

4- Insira, abaixo desta linha, o código do anúncio já modificado.
Vai ficar assim:

<div class='post-header-line-1'/>
<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class='post-body'>


5- Visualize e se tudo estiver ok, salve seu template.

Bons lucros!


Fonte: esta eu aprendí no excelente Blosque

Leia Mais