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;
}
#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