Como inserir o código (bloco) do Adsense entre o título e o post no blogger (blogspot)

Em um dos meus blogs hospedados no Blogger, utilizo um bloco Adsense entre o título do post e o texto e muitos visitantes me perguntam como fazer isso já que não é simplesmente acrescentar o código no HTML do Blogger, pois ele não vai funcionar.

Quem já estudou sobre as melhores posições dos anúncios Adsense, sabe que esse é o melhor bloco, pois o leitor é obrigado a passar os olhos nele, visto que esta entre o título e o post e é sem dúvidas o bloco mais clicado.

Veja então a seguir como inserir o código / bloco do Adsense entre o título e o post no blogger (blogspot)

Observação importante: Antes de fazer qualquer modificação em HTML, faça um backup do mesmo.

01. Acesse sua conta no blogger;

02. Acesse a opção “Layout” do Blog que deseja inserir o código (se tiver mais de um) no Painel de controle do blogger;

03. Acesse a aba “Editar HTML”;

04. Acesse sua conta de editor no Adsense;

05. Crie um novo bloco ou copie o código de um bloco já criado;

06. O código é mais ou menos assim (muda de acordo com o tamanho escolhido e o nome dado ao critério):

<script type=”text/javascript”><!–
google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
/* nome escolhido por você */
google_ad_slot = “xxxxxxxxxx”;
google_ad_width = xxx;
google_ad_height = xxx;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js“>
</script>

07. Cole este código no bloco de notas;

08. Substitua os códigos “<” e “>” em vermelho por &lt; e &gt;

<script type=”text/javascript”><!–
google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
/* nome escolhido por você */
google_ad_slot = “xxxxxxxxxx”;
google_ad_width = xxx;
google_ad_height = xxx;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js” mce_src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

O código ficará assim:

<script type=”text/javascript”>&lt;!–
google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
/* nome escolhido por você */
google_ad_slot = “xxxxxxxxxx”;
google_ad_width = xxx;
google_ad_height = xxx;
//–&gt;
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js“>
</script>

09. Volte na área “Editar HTML”do blogger e clique em “Expandir modelos de widgets”;

10. Após feito isso, localize a seguinte no arquivo: <div class=’post-header-line-1′/>;

11. Abaixo dessa linha deve ser colado o código do Adsense que você modificou;

12. Clique no botão “Visualizar”;

13. Se o bloco do Adsense aparecer sem problemas clique em “Salvar Modelo” e esta feito.

Observação: Se você criou um novo bloco, pode ser que demore uns minutos para os links começarem a aparecer. No lugar aparecerá uma parte de uma página de erro.