Como colocar anúncios nos posts do Blogger

Antes de mais nada, você precisa saber se quer colocar o anúncio entre o título e o post ou no rodapé do post. Daí, será preciso entrar no HTML do template, marcar “expandir modelos de widgets” e procurar ( Crtl +F do teclado) pelas seguintes linhas, incluindo o código do anúncio nos locais indicados em amarelo.

ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código do anúncio
NO FINAL DO POST
Código do anúncio
<div class='post-footer'>
ATENÇÃO! Para que o Blogger aceite o código, é preciso fazer uma conversão. Eu uso o site Blogcrowds. Basta colocar o código no local indicado e clicar em “parse”
Para saber os demais locais que aceitam anúncios, acesse:
Como colocar os anúncios lado a lado


2-anuncios
Isso vai depender da largura da área de postagens. Para checar, procure por #main no HTML e verifique o valor em width. Aqui no meu blog está assim:

#main {
width:626px;

No DB, consegui colocar 1 anúncio de 300 x 250 ao lado de 1 anúncio de 250 x 250.
Para tanto, gere os códigos em seu programa de afiliados, faça a conversão e cole – no HTML do template -  um código embaixo do outro . Ficaria assim:

ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código 300 x 250
Código 250 x 250

Como colocar anúncios à direita ou à esquerda dos posts
anuncio-esquerda
Será preciso usar um pouco de CSS:

Á ESQUERDA
<div class='post-header-line-1'>
<div style="float: left; margin: 5px”>
Código  do anúncio
</div>

ou

Á DIREITA
<div class='post-header-line-1'>
<div style="float: right; margin: 5px”>
Código do anúncio
</div>

Creditos Totais - http://www.dicasblogger.com.br/
Antes de mais nada, você precisa saber se quer colocar o anúncio entre o título e o post ou no rodapé do post. Daí, será preciso entrar no HTML do template, marcar “expandir modelos de widgets” e procurar ( Crtl +F do teclado) pelas seguintes linhas, incluindo o código do anúncio nos locais indicados em amarelo.

ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código do anúncio
NO FINAL DO POST
Código do anúncio
<div class='post-footer'>
ATENÇÃO! Para que o Blogger aceite o código, é preciso fazer uma conversão. Eu uso o site Blogcrowds. Basta colocar o código no local indicado e clicar em “parse”
Para saber os demais locais que aceitam anúncios, acesse:
Como colocar os anúncios lado a lado


2-anuncios
Isso vai depender da largura da área de postagens. Para checar, procure por #main no HTML e verifique o valor em width. Aqui no meu blog está assim:

#main {
width:626px;

No DB, consegui colocar 1 anúncio de 300 x 250 ao lado de 1 anúncio de 250 x 250.
Para tanto, gere os códigos em seu programa de afiliados, faça a conversão e cole – no HTML do template -  um código embaixo do outro . Ficaria assim:

ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código 300 x 250
Código 250 x 250

Como colocar anúncios à direita ou à esquerda dos posts
anuncio-esquerda
Será preciso usar um pouco de CSS:

Á ESQUERDA
<div class='post-header-line-1'>
<div style="float: left; margin: 5px”>
Código  do anúncio
</div>

ou

Á DIREITA
<div class='post-header-line-1'>
<div style="float: right; margin: 5px”>
Código do anúncio
</div>

Creditos Totais - http://www.dicasblogger.com.br/
Antes de mais nada, você precisa saber se quer colocar o anúncio entre o título e o post ou no rodapé do post. Daí, será preciso entrar no HTML do template, marcar “expandir modelos de widgets” e procurar ( Crtl +F do teclado) pelas seguintes linhas, incluindo o código do anúncio nos locais indicados em amarelo.

ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código do anúncio
NO FINAL DO POST
Código do anúncio
<div class='post-footer'>
ATENÇÃO! Para que o Blogger aceite o código, é preciso fazer uma conversão. Eu uso o site Blogcrowds. Basta colocar o código no local indicado e clicar em “parse”
Para saber os demais locais que aceitam anúncios, acesse:
Como colocar os anúncios lado a lado


2-anuncios
Isso vai depender da largura da área de postagens. Para checar, procure por #main no HTML e verifique o valor em width. Aqui no meu blog está assim:

#main {
width:626px;

No DB, consegui colocar 1 anúncio de 300 x 250 ao lado de 1 anúncio de 250 x 250.
Para tanto, gere os códigos em seu programa de afiliados, faça a conversão e cole – no HTML do template -  um código embaixo do outro . Ficaria assim:

ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código 300 x 250
Código 250 x 250

Como colocar anúncios à direita ou à esquerda dos posts
anuncio-esquerda
Será preciso usar um pouco de CSS:

Á ESQUERDA
<div class='post-header-line-1'>
<div style="float: left; margin: 5px”>
Código  do anúncio
</div>

ou

Á DIREITA
<div class='post-header-line-1'>
<div style="float: right; margin: 5px”>
Código do anúncio
</div>

Creditos Totais - http://www.dicasblogger.com.br/

Postar um comentário