|
usando o modo automático ou através dos gadget.
Visitando o Criar Sites a um bom tempo atrás, vi o posicionamento dos blocos de anúncios como estamos vendo nesta postagem, quebrei a cabeça até conseguir inserir o anuncio como eu queria.
Vou mostrar como inserir o código nos Novos Modelos do Blogger, o anúncio fica automático em todas as postagens, no caso do DicasproSite esse bloco de anúncio esta ao lado direito no inicio do post, poderá ser colocado do lado esquerdo,
Se você usa um modelo Antigo do Blogger Clik aqui,
Temos que acrescentar esse código abaixo para que o anuncio fique na posição correta na postagem:
Visitando o Criar Sites a um bom tempo atrás, vi o posicionamento dos blocos de anúncios como estamos vendo nesta postagem, quebrei a cabeça até conseguir inserir o anuncio como eu queria.
Vou mostrar como inserir o código nos Novos Modelos do Blogger, o anúncio fica automático em todas as postagens, no caso do DicasproSite esse bloco de anúncio esta ao lado direito no inicio do post, poderá ser colocado do lado esquerdo,
Se você usa um modelo Antigo do Blogger Clik aqui,
Temos que acrescentar esse código abaixo para que o anuncio fique na posição correta na postagem:
<!-- codigo anuncio coluna post-->
<b:if cond='data:blog.pageType == "item"'>
<table align='right' border='0' cellpadding='4' cellspacing='4' height='0%' width='0%'>
<tbody>
<tr>
<td>
<!-- adsense/banner-->
insira aqui o codigo do anuncio ja modificado
<!-- fim adsense/banner-->
</td>
</tr>
</tbody>
</table>
</b:if>
<!-- fim codigo anuncio coluna post-->
Parte Verde = marcação apenas pra facilitar a localização no html para futuras modificações.
Parte Vinho = Hack que mostra o anuncio somente nas paginas das postagens, não aparece na pagina inicial.
Parte Azul = Onde sera inserido o código do anuncio.
Pronto! vamos inserir o código no html do blog
(Antes de qualquer alteração, sempre salve uma cópia do seu
template , clique em Baixar Modelo Completo, uma cópia do seu template será salva no seu computador)
Vá em Modelo, Editar HTML e localize este trecho no código do seu template, (Para localizar aperte Ctrl+F)
post-header-line-1
será encontrado 2 código, a alteração será feita no segundo.
logo abaixo dele temos:
<div class='post-header-line-1'/>
</div>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<data:post.body/>
Insira o código acima de <data:post.body/>
Ficando assim
<div class='post-header-line-1'/>
</div>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<!-- código anuncio coluna post-->
<b:if cond='data:blog.pageType == "item"'>
<table align='right' border='0' cellpadding='4' cellspacing='4' height='0%' width='0%'>
<tbody>
<tr>
<td>
<!-- adsense/banner-->
insira aqui o código do anuncio.
<!-- fim adsense/banner-->
</td>
</tr>
</tbody>
</table>
</b:if>
<!-- fim codigo anuncio coluna post-->
<data:post.body/>
Salve e verifique se tudo deu certo.
Bons Lucros
Nenhum comentário:
Postar um comentário