Ads 468x60px

Como criar área de banners 125x125 acima dos gadgets

Hoje, à pedido do meu amigo João Neto do Categoria Blogger, vou ensinar a criar uma área de banners 125x125 acima dos gadgets na coluna lateral do seu blog! Como tem aqui o Tech And Blogger.
É muito fácil adcionar, vamos ao tutorial:

Primeiro, vamos adcionar o CSS no blog. Para isso, coloque este código acima da tag ]]></b:skin>

/* Sidebar 125X125 ADS BANNER */
.sidebar_banner {
margin:0px 0px 10px 0px;
width:298px;
background:#fff;
        border:1px solid #E3E3E3;
}

.sidebar_banner ul{
list-style-type:none;
margin: 2px 0px 0px 6px;
padding: 0px 0px 15px 0px;
width:290px;
overflow:hidden;
}
.sidebar_banner ul li{
list-style-type:none;
margin: 10px 4px 0px 7px;
float:left;
display:inline;
background:#none;
        border:2px solid #E3E3E3;
        padding:0;
}


Feito isso, salve o modelo! Não fará nenhuma alteração ainda.
Agora vem a parte de modificações, selecione a opção 'Expandir Modelos de widgets' e procure pela seguinte linha:
<div class='column-right-inner'>

Encontrado, coloque o seguinte código abaixo dela:

<div class='sidebar_banner '>
<ul>
<li>
<a href='url-para-anunciar' title='Anuncie Aqui'><img alt=' Anuncie Aqui ' src=' http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif ' style='vertical-align:bottom;'/></a>
</li>
<li>
<a href='url-para-anunciar' title=' Anuncie Aqui'><img alt=' Anuncie Aqui' src=' http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif ' style='vertical-align:bottom;'/></a>
</li>
<li>
<a href=' url-para-anunciar' title='Anuncie Grátis!'><img alt='Anuncie Grátis!' src='http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif' style='vertical-align:bottom;'/></a>
</li>
<li>
<a href=' url-para-anunciar' title='Anuncie Grátis!'><img alt='Anuncie Grátis!' src='http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif' style='vertical-align:bottom;'/></a>
</li>
</ul>
<div class='clear'/>
</div>


Pronto, agora é só personalizar com os banners do seus parceiros!

5 comentários:

João Almeida disse...

Obrigado Denis! Me ajudou bastante!

Denis Gomez disse...

@João Almeida Eu que agradeço, não sabia oque postar ;S

DenisGomez disse...
Este comentário foi removido por um administrador do blog.
Angelo disse...

Tem alguma demostração disso ?

---
http://mundosabetudo.blogspot.com.br/

Mauricio Lessa disse...

Olá...
Qualquer banner que eu colocar ficará no tamanho de 125x125 ou tenho colocar já no tamanho certo.
É possível me responder ?
Obrigado...

Postar um comentário