Inserindo publicidade no blogspot

Este tutorial tem por finalidade detalhar como fazer para inserir uma publicidade de forma fácil no seu blog, seja dentro das postagens ou em outra posição. Antes de começar é recomendável que você faça uma cópia (backup) do seu código HTML, evitando assim um desconforto, caso alguma coisa saia errada. 

Para fazer a cópia do modelo do seu blog acesse o painel de edição e clique na opção Modelo (veja nas imagens abaixo) e clique no botão Fazer backup/Restaurar. Na próxima janela clique no botão Fazer download do modelo completo. 

• O primeiro passo para inserir o código é clicar no botão Editar HTML como mostrado na primeira imagem acima. Ao acessar o código do seu modelo clique dentro dele e pressione a combinação CTRL+F e digite o seguinte comando: <div class='post-footer'>. O código será inserido no final do post.

Cole o seguinte código ANTES do texto em realce acima

<b:if cond='data:blog.pageType == "item"'>

Insira aqui o código do seu anúncio

</b:if>

OBSERVAÇÃO: Para que alguns códigos funcionem em seu template, principalmente os códigos Google Adsense,  é necessário que antes seja feita uma conversão do código para ser incorporado dentro da postagem. Selecione e faça uma cópia do código original e acesse o site Gerenciado Blog, ou Blogcrowds na caixa Código Original cole o código que você copiou. Clique no botão Converter e na caixa Código Convertido selecione o novo código e por fim copie-o para inserção em seu template. 

Agora é só substituir o texto Insira aqui o código do seu anúncio pelo código gerado na página do anúncio, como por exemplo o Google Adsense. Vai ficar como no exemplo abaixo:

<b:if cond='data:blog.pageType == "item"'>

<script type="text/javascript"><!--
google_ad_client = &quot;pub-8321583597665907&quot;;
google_ad_host = &quot;pub-1599271086004685&quot;;
/* Blogas top 2.0 */
google_ad_slot = &quot;4672012921&quot;;
google_ad_width = 468;
google_ad_height = 60;

</script>

<script type="text/javascript"
src="http:/site da imagem">
</script>

</b:if>

Para finalizar clique no botão Salvar Modelo e depois no botão Voltar. Clique em Visualizar Blog para verificar como está ficando a implementação dos anúncios.

• Anúncios antes dos comentários

Seguindo os mesmos passos mencionado acima clique em CTRL+F e insira o seguinte código:

<p class='post-footer-line post-footer-line-1'> e insira logo abaixo o código convertido. Para centralizar o anuncio basta adicionar antes a tag: <center> e no final do código a tag </center>.

• Anúncios entre as postagens

Procure o seguinte código: <div class='post-header-line-1'/>. Seguindo o mesmo procedimento anterior cole o código convertido abaixo desta linha. 

• Anúncios entre o título e a postagem

Insira o código convertido antes da tag <div class='post-body'>

• Anúncios após os créditos

Insira o código convertido antes da tag <p class='post-footer-line post-footer-line-3'> 

• Anúncios nas páginas individuais

Os anúncios podem aparecer na página principal ou apenas nas páginas individuais. Um pequeno detalhe faz com que os anúncios se posicionem de forma diferenciada, veja nos exemplos abaixo que o sinal de = (sinal de igual) foi substituído por ! (ponto de exclamação) para que o anúncio só apareça na página principal (Home).

Anúncios nas páginas individuais:

<b:if cond='data:blog.pageType == "item"'>

BLOCO DE ANÚNCIO

</b:if>

Anúncios somente na página inicial

<b:if cond='data:blog.pageType != "item"'>

BLOCO DE ANÚNCIO

</b:if>

• Anúncios posicionados um ao lado do outro

Após a conversão dos respectivos códigos siga os passos como mencionados anteriormente e insira os códigos substituindo os textos em vermelho, conforme abaixo:

<b:if cond='data:blog.pageType == "item"'>
<p style="display: inline; float: left; margin-right: 0px">

Insira aqui o código do seu anúncio 1

</p>

<p style="display: inline; float: right; margin-right: 0px">

Insira aqui o código do seu anúncio 2

</p>
</b:if>

• Inserindo anúncios diretamente no Layout do Blog

Acesse o painel do modelo do seu blogspot e clique no menu Layout como na figura abaixo.

No Layout do seu template tem alguns links para Adicionar um Gadget, clique naquele conforme será posicionado o anúncio no seu template, como mostra as imagens a seguir: 

Clique em HTML/JavaScript

Cole o código do anúncio na caixa Conteúdo e clique no botão Salvar. Faça isso para todos os códigos de anúncios que você quer inserir em seu blog.

OBSERVAÇÃO: Neste caso não é necessário efetuar a conversão do código original, basta copiar e colar na respectiva caixa como indicado. O preenchimento da caixa Título é opcional. 

Por Valter Neves