Como Colocar Banner no Cabeçalho do Blogger


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



Agora vocês irão Procurar 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 Banner</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 Azul "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 Laranja "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 verde pelo código do banner, e etc..


Código para Banner:
<a href="ENDEREÇO DO BLOG" target="_blank"><img src="IMAGEM DO BANNER" border="0" /></a>


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


Nenhum comentário:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...