A carregar...



Anúncios Google dentro dos posts (com screencast)


Como sabem o Blogger não permite a inserção de scripts no corpo de um post (apenas o permite nas barras laterais e rodapé). Assim, torna-se difícil inserir, no corpo de cada post, os ditos anúncios uma vez que eles são constituídos precisamente por um script.
No entanto há maneira de dar a volta a esta limitação.
Vejamos como:

A única maneira de inserir anúncios na zona dos posts é inserindo um widget prédefinido pelo Blogger. No entanto esse widget limita-nos bastante as opções de colocação pois apenas permite a inserção entre os posts e não no seu interior.

Se preferir colocar os seus anúncios no interior (início) do texto dos seus posts faça ao seguinte:

1. Grave o seu Esquema/Template
de modo a poder evitar catástrofes se algo correr mal.

2. Copie o código (script) do seu anúncio, que obteve na página do Google Adsense, para a aplicação Bloco de Notas / Notepad


3. Use a função Replace All do notepad para substituir todas as ocorrências de
< por < e > por >




4. Procure pelo código
<div class='post-body...'> e insira o código do seu anúncio, depois de alterado, abaixo desse código.



E é isso.
Neste caso o anúncio aparecerá na zona central da sua zona de posts, logo a seguir ao título do post, como acontece no meu blog.
No caso da página frontal (home) do blog, aparecerá um anúncio nos três primeiros posts, pois a Google limita a apresentação de anúncios em cada página a esse número.
Se pretender que o anúncio apareça encostado à direita (e a seu lado texto do post)
terá de, entre os passos 3 e 4 criar uma classe CSS na sua zona de CSS do códifo html do seu blog (fica na zona inicial):

/* Posts
———————————————– */
#post-left {
float: left;
margin-right: 5px;
}

Neste caso o anúncio fica encostado ao lado esquerdo e o texto do seu post começa a ser colocado à direita do anúncio (se este não ocupar toda a largura da zona de posts). Óbvio que pode fazer ao contrário.
Neste caso terá de colocar o seu script do anúncio entre uma div id='post-left'

Vamos ver agora o screencast completo, que se poderá tornar mais esclarecedor:



Boa sorte!











                         


Mensagens relacionadas (por Tags)







5 Comentárioa


Jean Nunes disse...

Oi, indiquei seu blog para um memê:
Blogs que ajudam a blogar.
Este é link para o artigo:
http://guiab.blogspot.com/2009/01/blogs-que-ajudam-blogar.html

luisj disse...

Obrigado Jean.

Dani disse...

Olá, Luis! Muito bom o seu video e artigo. Gostaria de republicá-lo no meu blog, claro, citando e linkando à fonte. Você me permite? Obrigada.
Daniela

LL disse...

Outra aplicação bem sucedida! :)
Obrigada.
Luísa

LL disse...

Olá! :)
Muito bom o post. Já fiz esta aplicação e está a funcionar na perfeição!
Obrigada
LL

Enviar um comentário