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>
Muito bom, obrigado, agora estou a procurar um template adequado para vídeos do youtube pode ser que eu encontre
ResponderExcluirparabéns pelo blog
è incrivel o que o css faz,imagine o css3 em todos os navegadores.
ResponderExcluirImplantei 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!
Avelino, e não é mesmo, esperando muito para esse dia chegar logo ? Beijos
ResponderExcluir