8 de ago de 2009

Anúncios com botões de 125 x 125



Eu já havia visto esse código em alguns blogs, mas resolvi dar a minha mexida. Com este código você poderá arrastar o widget para onde achar melhor. Coloquei cores em volta e um efeito hover. Bom, então copie o primeiro código vá até o HTML do seu blog e cole acima de:

]]></b:skin>





/*Anuncios
-------------------------------------------------*/
.anuncios {
width: 98;
background: #F5F1F1;
border: 2px solid #000000;
margin: 3px;
padding: 2px;
}
.anuncios img {
widht: 125px;
height: 125px;
border: 2px solid #000000;
background: #cc0000;
margin: 2px;
padding: 2px;
}
.anuncios a:hover img {
border: 2px solid #0000C0;
background: #40FF40;
margin: 2px;
padding: 2px;
}





Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.




*O código em azul representa a cor de fundo do widget.

Agora esse segundo código você deverá colar em "Elementos de página", clicando em "Adicionar um Gadget" e depois abra um "HTML/Javascript". Faça as modificações e salve.





<div class="anuncios">
<div align="center">

<a href="http://templateseacessorios.blogspot.com" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="Templates e Acessórios" src="http://img190.imageshack.us/img190/6861/botao125templates.gif"/></a>

<a href="AQUI O ENDEREÇO DO LINK" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="NOME DO LINK" src="http://img34.imageshack.us/img34/2235/anuncieaqui2.png"/></a>

<a href="AQUI O ENDEREÇO DO LINK" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="NOME DO LINK" src="http://img34.imageshack.us/img34/2235/anuncieaqui2.png"/></a>

<a href="AQUI O ENDEREÇO DO LINK" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="NOME DO LINK" src="http://img34.imageshack.us/img34/2235/anuncieaqui2.png"/></a>

<a href="AQUI O ENDEREÇO DO LINK" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="NOME DO LINK" src="http://img34.imageshack.us/img34/2235/anuncieaqui2.png"/></a>

<a href="AQUI O ENDEREÇO DO LINK" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="NOME DO LINK" src="http://img34.imageshack.us/img34/2235/anuncieaqui2.png"/></a>

<a href="AQUI O ENDEREÇO DO LINK" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="NOME DO LINK" src="http://img34.imageshack.us/img34/2235/anuncieaqui2.png"/></a>

<a href="AQUI O ENDEREÇO DO LINK" target="_blank" rel="nofollow" title="AQUI O TÍTULO DO LINK">

<img border="0" alt="NOME DO LINK" src="http://img34.imageshack.us/img34/2235/anuncieaqui2.png"/></a>
</div>
<div align="right"><strong><span ><a href="http://endereçodapaginadoanunciante/">Anuncie aqui !</a></span></strong></div>

</div>

3 comentários:

  1. Muito bom, obrigado, agora estou a procurar um template adequado para vídeos do youtube pode ser que eu encontre
    parabéns pelo blog

    ResponderExcluir
  2. è incrivel o que o css faz,imagine o css3 em todos os navegadores.
    Implantei osanuncios e tirei 2 divs ficou show de bola,já tinha visto em tabela mais como não gosto muito(demora para carregar) preferi este..

    Abraço!

    ResponderExcluir
  3. Avelino, e não é mesmo, esperando muito para esse dia chegar logo ? Beijos

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube