Fala aí gente, aqui é o Anon e hoje trago pra vocês mais um tutorial.. e dessa vez é de como adicionar um campo dedicado à publicidade no seu template. Vamos La!
Primeiramente vamos estar desenhando o campo, eu costumo usar o FireWorks, vocês podem usar o programa que preferirem. Eu já deixei um pronto pra banner de 468X60 (os formatos comuns são 125X125, 468X60 e 728X90).
Agora vamos estar adicionando-o ao HTML, procure por
]]></b:skin>
Acima desta linha iremos criar a "categoria" .pub-468 (o nome pode ser qualquer um desde que tenha o "." antes):
Nos campos "margin" , você irá definir o posicionamento do campo de publicidade, já nos campos "padding", você irá definir o posicionamento do banner.
Agora vamos definir onde ficará o campo de publicidade. Os lugares aconselháveis de se deixar é no cabeçalho, acima da área de conteúdo ou o rodapé.
Código para adicionar:
<a href="LINK DO SITE" target="_blank"><img src='LINK DO BANNER"></div>
Para colocá-lo no cabeçalho, deve-se colocar o código acima de:
<div id="header-wrapper">
Para colocá-lo acima da área de conteúdo, deve -se colocar acima da linha:
<div id="content-wrapper">
Para colocar no rodapé, deve-se inserir acima desta linha:
<div id="footer-wrapper">
Primeiramente vamos estar desenhando o campo, eu costumo usar o FireWorks, vocês podem usar o programa que preferirem. Eu já deixei um pronto pra banner de 468X60 (os formatos comuns são 125X125, 468X60 e 728X90).
Agora vamos estar adicionando-o ao HTML, procure por
Acima desta linha iremos criar a "categoria" .pub-468 (o nome pode ser qualquer um desde que tenha o "." antes):
.pub-468{
backgrouund:url(LINK DO CAMPO)no-repeat;
width:XXpx; /* --Largura do campo--*/
height:XXpx; /* --Altura do campo--*/
margin-left:XXpx;
margin-top:XXpx;
padding-left:XXpx;
padding-top:XXpx;
}
Nos campos "margin" , você irá definir o posicionamento do campo de publicidade, já nos campos "padding", você irá definir o posicionamento do banner.
Agora vamos definir onde ficará o campo de publicidade. Os lugares aconselháveis de se deixar é no cabeçalho, acima da área de conteúdo ou o rodapé.
Código para adicionar:
Para colocá-lo no cabeçalho, deve-se colocar o código acima de:
Para colocá-lo acima da área de conteúdo, deve -se colocar acima da linha:
Para colocar no rodapé, deve-se inserir acima desta linha:
0 Deixe um Comentário:
Postar um comentário