Colocar publicidade na Barra Lateral do Blog

Monetizar um blog é uma tarefa a longo prazo e precisa muita dedicação para que seu blog tenha uma qualidade reconhecida, o respeito necessário e um nível de visitas significativo para atrair a atenção de anunciantes. Mas existem programas de Afiliados que você pode participar, como o AdSense ou o UOL Afiliados, para colocar anúncios em seu blog e rentabilizar suas páginas. Mas é preciso disponibilizar espaços para isso em seu blog, então vamos mostrar aqui uma forma bem prática de colocar anúncios em seu blog: Banners de 125x125px.

Já tratamos aqui algumas vezes sobre a importância da posição em que os anúncios ficam em seu layout para otimizar os ganhos. Essa é uma questão muito delicada e é preciso tempo para estudar e saber usar bem os espaços disponíveis em seu template e quais dão mais resultados de ganhos. Para entender mais sobre isso, recomendo que leia também:

• Otimizar os ganhos do seu blog
• Melhorar posição dos anúncios do AdSense em seu blog
• Colocar anúncios AdSense no meio dos artigos
• Colocar publicidade dentro dos artigos

Claro que o mais importante para se gerar receitas é ter um bom fluxo de visitas e visitas de qualidade. Isso só se consegue quando se dedica tempo para produzir um conteúdo relevante para o público alvo do seu nicho. Se você tem essas preocupações, então o seu blog tem um grande potencial de ganhos.

Como Colocar Anúncios na barra lateral do Blog

Se você tem problemas de espaço em seu blog, principalmente na barra lateral ou quer usar seu espaço de forma inteligente, um bom modelo de banner e que muitos blogs fazem uso são os banners quadrados com a medida de 125x125px e que pode ser colocados em grupo. Abaixo vou ensinar a colocar um modelo como o que segue e que é o tipo mais usado: grupo de 4 banners.

Fica bom em qualquer tipo de layout e você pode colocar seus próprios anúncios dizendo que aquele espaço está disponível para venda.

É bem simples de instalar e pode ser colocado em qualquer plataforma de blog, seja o WordPress ou o Blogger/Blogspot. Basta adicionar o código num gadget (elemento de página) que aceite HTML. E veja abaixo com outros formatos e disposição dos banners.

No caso de quem usa o Blogger, o gadget recomendado é o “HTML/JavaScript” (se não sabe como fazer, leia: Onde colar código HTML).

Para quem usa o WordPress, basta adicionar o widget do tipo “Texto” (conforme a imagem abaixo), colar o código dentro dele e salvar.

Widget “Texto” do WordPress.

Esse modelo de conjunto de banners é composto por quatro imagens, seus links de destino (URLs que apontam para um site ou página) e uma tabela. Copie o código e faça somente as modificações indicadas.

Com 4 banners (2 por 2) – Como mostrado acima.

<p align=”center”>
<table border=”0″ cellspacing=”5″ width=”125″ align=”center”><tbody>
<tr>
<td valign=”top” width=”62″><a href=”URL_de_DESTINO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>

<td valign=”top” width=”62″><a href=”URL_de_DESTINO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>
</tr>

<tr>
<td valign=”top” width=”62″><a href=”URL_de_DESTI
NO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>

<td valign=”top” width=”62″><a href=”URL_de_DESTINO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>
</tr>
</tbody></table>
</p>

Com 2 banners lado a lado (1 por 1).

<p align=”center”>
<table border=”0″ cellspacing=”5″ width=”125″ align=”center”><tbody>
<tr>
<td valign=”top” width=”62″><a href=”URL_de_DESTINO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>

<td valign=”top” width=”62″><a href=”URL_de_DESTINO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>
</tr>
</tbody></table>
</p>

Com 2 banners (1 por 2)

 

<p align=”center”>
<table border=”0″ cellspacing=”5″ width=”125″ align=”center”><tbody>
<tr>
<td valign=”top” width=”62″><a href=”URL_de_DESTINO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>
</tr>

<tr>
<td valign=”top” width=”62″><a href=”URL_de_DESTINO“><img style=”border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px” title=”advertisement-125×125″ border=”0″ alt=”advertisement-125×125″ src=”URL_da_IMAGEM” width=”125″ height=”125″ /></a> </td>
</tr>
</tbody></table>
</p>

Onde está indicado de vermelho (URL_de_DESTINO) é o endereço da página ou site que você quer redirecionar o visitante quando ele clicar no banner.

Já onde está marcado de rosa (URL_da IMAGEM) coloque o endereço da imagem do banner que ficará naquela posição. Se você não sabe muito bem como usar imagens em seu blog, leia os seguintes artigos:

• Armazenar Imagens na Internet – PicasaWeb
• ImageSharing – URL de imagens Automaticamente
• Usando Imagens no Blog Blogger

Um detalhe importante é saber qual é a largura, a medida da barra lateral (sidebar) do seu blog, pois este modelo de uso dos banners exigirá uma sidebar de pelo menos 270px de largura. Para saber mais sobre as medidas de seu blog, veja:

• Medidas de um Template do Blogger – no caso de quem usa o Blogger como plataforma.

Artigos sobre como Ganhar Dinheiro com seu Blog.

Lembre-se que ganhar dinheiro com blog é algo que exige dedica