Colocar publicidade na Barra Lateral do Blog

moedas-monetizar-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:

 

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.

 

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.

 

advertisement-125x125 advertisement-125x125
advertisement-125x125 advertisement-125x125

 

É 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-wordpress

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-125x125" border="0" alt="advertisement-125x125" 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-125x125" border="0" alt="advertisement-125x125" 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-125x125" border="0" alt="advertisement-125x125" 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-125x125" border="0" alt="advertisement-125x125" src="URL_da_IMAGEM" width="125" height="125" /></a> </td>
      </tr>
    </tbody></table>
</p>

 

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

 

advertisement-125x125 advertisement-125x125

<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-125x125" border="0" alt="advertisement-125x125" 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-125x125" border="0" alt="advertisement-125x125" src="URL_da_IMAGEM" width="125" height="125" /></a> </td>
      </tr>
    </tbody></table>
</p>

 

Com 2 banners (1 por 2)

 

advertisement-125x125
advertisement-125x125

<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-125x125" border="0" alt="advertisement-125x125" 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-125x125" border="0" alt="advertisement-125x125" 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:

 

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:

 

Artigos sobre como Ganhar Dinheiro com seu Blog.

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

.

7 Comentários

  1. Eu andava a procura disto, perguntei a muitos blogueiros mas nenhum sabia a resposta.
    E finalmente encontrei.
    Thanks XD

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.