Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Adicionando campo publicitário

     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):

    .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:

    <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">

    0 Deixe um Comentário:

    Postar um comentário