Blogger news

Anúncio Adsense no cabeçalho do Blog

Como Colocar Banner no Cabeçalho do Blogger
Tutorial ensinando como colocar anúncio do adsense no cabeçalho, como neste blog.

Anúncio Adsense no cabeçalho do Blog


Primeiro passo é acessar o HTML do seu blog, em Modelo >> Editar HTML >> clique em PROSSEGUIR

Agora procure por essa Tag:    ]]></b:skin>
Quando encontrar o Tag, logo acima dela, acrescente o primeiro código:

/* -----Anuncio ----- */
#Anuncio{
width:auto;
height:auto;
z-index:1;
position: absolute;
top: 50px;
left: 450px;
}

Agora procure por essa segunda Tag: </header>
E acrescente esse código abaixo da Tag encontrada:

<div id='Anuncio'>Cole o Código do anúncio</div>


Vamos entender os códigos:
-Primeiro código
O primeiro código mostrado no inicio do tutorial, tem a função de direcionar o Banner para o topo do blog, veja que nele tem destacado duas cores: a cor rosa "50px" Representa a "Vertical" onde o banner ficará no topo do blog, então para deslocar o banner para "Cima", é só diminuir o valor  "50px" para "30px" ou menos, e para "descer" o banner é só alterar o valor "50px" para "60px" ou mais...
E a parte destacada em cor verde "450px", representa a "Horizontal", ou seja, se quiser deslocar o Banner para a direita > você vaia alterar o valor"450px" pra "500px" ou mais, isso vai depender das dimensões do seu template, e para deslocar o Banner para Esquerda, você vai alterar o Valor "450" pra menos "300" etc..
-Segundo código
No segundo código, você vai substituir a parte destacada em vermelho pelo código do anúncio de adsense.


Agora é só Clicar em Visualizar e vê se está tudo certo, depois é só salvar.

Nenhum comentário:

Postar um comentário

Sua opinião é sempre muito apreciada por aqui. Dicas e sugestões também são bem vindas. Comente!