Utilizar anúncios lado a lado é hoje uma das melhores formas de rendimentos para sites. Existem diversas maneiras para colocar anúncios lado a lado, e hoje mostraremos três delas. Alinhar os anúncios é fundamental para a (otimização) do seu site, portanto, mesmo que você coloque o alinhamento, é importante que ele se enquadre de alguma forma com seu template.
Veja três maneiras para você utilizar anúncios lado a lado
Vamos ser sinceros, se a pessoa tem um site/blog mas não tem nenhuma experiência com html, fica muito mais difícil enquadrar o alinhamento dos anúncios da maneira que quer. Não adianta buscar a informação e na hora que programa os anúncios, eles ficam um em cima do outro ou tortos em relação um ao outro.
Usando anúncios lado a lado com tabela
Quem já quis colocar anúncios lado a lado com tabelas e viu seu anúncios ficarem um em cima do outro, com certeza vai entender isso. A pessoa quis que o anúncio ficasse assim.
E acabou ficando com o anuncio completamente diferente do que imaginava, ficando as vezes como na primeira imagem ou na segunda imagem.
Como colocar anúncios lado a lado
Independentemente da forma que você usa para gerenciar seu site como: wordpress, blogger e etc. Você precisa entender, que às vezes algumas modificações simples podem ajudar á alinhar seus anúncios de forma correta. Vejamos quais são as três formas e a solução para alinha-los.
Primeira forma tabela
<table width=”70%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr><td>
<div align=”left”>Código do anúncio</div>
</td><td>
<div align=”left”>código do anúncio</div>
</td></tr>
</table>
Com essa forma é possível ajustar a distancia em width, mas em alguns templates não fica alinhado de maneira correta, sugiro que centralize o código, nos casos onde ocorre os exemplos da primeira e segunda imagem, usando <center></center>. Calma se você não sabe fazer isso, mostramos como ficaria.
<center>
<table width=”70%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr><td>
<div align=”left”>Código do anúncio</div>
</td><td>
<div align=”left”>código do anúncio</div>
</td></tr>
</table>
</center>
Mas você pode utilizar a centralização em alguns casos e o ajuste em outros. Agora outras duas formas de utilizar os anúncios lado a lado são com divs.
Segunda forma
<div style=”float:left;margin-top:15px;margin-bottom:15px;”>
Nesse espaço coloque o Código do anuncio
</div>
<div style=”float:right;margin-top:15px;margin-bottom:15px;”>
Nesse espaço coloque o Código do anuncio
</div>
<br clear=”all”/>
Terceira forma
<div style=”margin: Nesse espaço você que decidi o tamanho da margem em px;”> (ex: 15px;)
<div style=”float: left;”>Aqui você coloca o primeiro anúncio</div>Aqui você coloca o segundo anúncio</div>
Esses métodos já são vistos em vários sites da web, mas poucas explicações são dadas. Tanto na segunda quanto na terceira forma, pode ser empregada a centralização em casos mais complexos, fica mais essa dica de anúncios lado a lado.