Tutorial -> Banner simples entre um post e outro no Novo Blogger

Atendendo ao pedido do Adm. Br Downloads-Free descrito abaixo:
------
Br Downloads-Free: Óla primeiramente esse site muito bom... ta me ajudando
bastante, eu queria saber como que coloca
banners entre postagens no blogger? qualquer coisa deixe um recado la na minha
CBOX do meu site!Vlw!!
------

Olá, não sei, se o que você pretende colocar é banner do Anúncios Google adsense
ou colocar apenas um banner simples, uma
imagem com um link para um site por exemplo.
Na internet está cheio de sites que ensinam a colocar esse do Adds, mais eu
ainda não vi nenhum falando de banner
simples por isso resolvi ensinar aqui no DicaDeDica para colocar no novo blogger o blogspot 2.0.

Neste código abaixo:



1 - substitua o endereço do link (http://dicadedica.blogspot.com) pelo endereço
do site que você quiser que ele aponte.

2 - Substitua o endereço da imagem (http://www.freewebs.com/meupc/dicadedica_feeds_rss2.gif)
pelo endereço da imagem do seu banner.

3 - Se quiser pode alterar os valores da borda (border='0'), da altura (height='34')
e largura (width='500').

4 - Depois de alterar o código, faça login no painel de controle do blogger e
acesse Layout/Editar HTML,faça backup do html do seu blog clicando em "Baixar modelo completo"

(para o acaso de algo sair errado é possível fazer upload do código
anterior!)

Agora marque a opção "Expandir modelos de widgets"
pressione "ctrl + f" do teclado para abrir a pesquisa.

5 - Agora você tem três opções:

  • a) colocar no cabeçario de cada postagem (entre um post e outro);
  • b) entre o conteúdo do post e os créditos de cada postagem;
  • c) No rodapé de cada postagem (entre um post e outro);


5 a) Para colocar no cabeçario do post procure:
<div class='post-footer'>
e insira o código modificado antes ficando assim.

<!--Insira o script modificado-->
<div class='post-footer'>

5 b) Para colocar entre o conteúdo do post e os créditos procure:
<div class='post-footer'>
e insira o código modificado antes ficando assim.

<!--Insira o script modificado-->
<div class='post-footer'>

5 c) Para colocar no rodape do post procure:
<p class='post-footer-line post-footer-line-3'>
e insira o código modificado DEPOIS ficando assim.

<p class='post-footer-line post-footer-line-3'>
<!--Insira o script modificado-->

6) Agora é só salvar e visualizar!!!

Agradeço o elogio do Adm. Br Downloads-Free, e espero ter sanado essa dúvida,
e se a inenção era colocar adds entre as postagens eu indico o tutorial no link
abaixo:
http://dicasblogger.blogspot.com/2008/01/exibir-anncios-entre-as-postagens.html

Qualquer dúvida é só comentar vlw!!!

42 comentários

Postagens mais visitadas