Colocando anúncios embaixo do cabeçalho

Colocando anúncios embaixo do cabeçalho

6 10 99
Colocando anúncios embaixo do cabeçalho 10 6 99

Esta é uma dica, para quem utiliza templates que contenham a opção de inserir gadgets embaixo do cabeçalho ou da linkbar, como os templates Geek, Flower, Blogger Cool I e II. Vejam o modelo abaixo:

 

gadgets

Uma das formas de inserir os anúncio, é simplesmente colando-os em html/javascript. O problema é que ocorre uma quebra do layout e não fica bonito. Vejam um exemplo:

anúncio simples

Página de testes do Dicas Blogger

Em uma outra forma, que é a que eu uso atualmente e recomendo, criamos uma tabela, acomodamos o código do anúncio à direita ou à esquerda e preenchemos o espaço vazio com alguma imagem, de preferência linkada. Eu optei pelos feeds, mas pode ser um íconezinho a seu gosto. Para a criação da tabela, eu utilizei o NVU portable.

NVU

Como eu estou de ótimo humor (rs), eu não vou ensiná-los a criar a tabela, pois dá um trabalhão. Vou presenteá-los com o código pronto!

http://docs.google.com/Doc?id=df9875tg_5fhgggsg4

Em primeiro lugar, devemos criar um anúncio no formato cabeçalho (728 x 90). Uma vez gerado o código do anúncio, devemos colá-lo no local indicado. Depois, colamos a url do Feed e por último a url da imagem, que deve ser de 80 x 80 px. Resultado:

 

image

 

Assim, o anúncio ficará em destaque, sem agredir a harmonia do layout e, ainda vêm com Feeds de bônus. Daqui prá frente, é só contabilizar os cliques ;-) $$$$$

make a money

25 Comments
Comments
  1. Valeu mesmo pela dica.....
    há tinha pedido dica sobre feeds consegui mesmo assim obrigado
    e parabéns pelo excelente blog

    ResponderExcluir
  2. Muito boa a dica Juliana, mas assim a minha barra lateral fica a cima de onde aparece os posts eu uso o Template Dicas Blogger 1.0 que fica desalinhado como eu já disse, não que fica fora do padrão ou fica feio mas gostaria que você me indicasse como faço para alinha a barra lateral com a parte das postagens agradeço desde já e que você desse sua opinão será que fica feio fazer assim? No caso farei um teste se você der essa dica ;)

    ResponderExcluir
  3. belo (e super útil) presente de natal \o/
    bjos

    ResponderExcluir
  4. Excelente dica Juliana, quebrei a cabeça por dias a fio para montar o meu anúncio dessa forma, usei outra estratégia (gambiarra), más também funcionou. Valeu!!!

    ResponderExcluir
  5. juliana eu sei que e uma coisa boba.
    mais como sou novo ainda sou um pouco meio inexperiente mais aqui fiz esse turtorial todo.
    deu certinho (otima dica valew), so que o meu adsense ta ficando em ingles, ja entrei no site do adsense configurei o idioma em portugues mais msm assim continua aparecendo alguns anuncios em ingles, criei minha conta hoje no adsense.

    valew espero que possa me ajudar!!!

    By:Robson

    ResponderExcluir
  6. valew obrigado pela ajuda

    que bom juli. que vc ta de bom humor hj
    rsrsrs

    ResponderExcluir
  7. juliana como eu posso pegar o codigo do anuncio

    ResponderExcluir
  8. Oi Ju, eu gostaria de saber se você pode me ajudar, onde eu consigo esse codigo do anuncio!!

    ResponderExcluir
  9. OI seu blog e de mias Parabens me ajudou mt

    ResponderExcluir
  10. ae ju
    fiz um post e usei uma dica sua de uma olhadinha
    http://dicasdigital.blogspot.com/2008/12/caixinha-de-link-me-serve-para-divulgar.html

    ResponderExcluir
  11. bypoesia,eu usei este template por um bom tempo, com os anúncios da mesma forma que vc colocou. Abraços

    Carlos,existem várias opções; AdSense, HotWords, UOL.
    Vá no índice do blog e procure por monetização

    Dicas Digital, como eu te falei anteriormente, copiar não é legal.
    Dê uma lida na opção Blogosfera do nosso índice e leia bastante sobre plágio.
    Eu sei que vc tem boas intenções, mas muita gente pode não gostar.Abraços

    Commn Series, Patrícia,tutounopar,Redes Down,Harlley e Gabriel: Thanks!

    ResponderExcluir
  12. Eu sei disso já li bastante, a única coisa que utilizei sua foi os 2 vídeos criando um banner animado e estático. (e deixei o devido credito)

    Ah depois da uma olhadinha na data do post que eu fiz foi ontem dia 20, e esse post que você fez foi hoje então não copiei sua postagem foi mera coincidência, pois eu fiz o post primeiro; P

    Ah e parabéns pelo iphone um baita presentão...

    ResponderExcluir
  13. os meus anuncios não estão aparecendo no blog, o que deve ser?

    ResponderExcluir
  14. Olá Juliana! Primeiro gostaria de te parabenizar pelo blog, vc sempre trás novidades, e é muito gentil com os leitores do blog.

    A minha dúvida é a seguinte: implementei esse código no meu blog (utilizo um de seus templates, o Onix, com modificações nas cores) só que a imagem que escolhi para o feed não fica alinhada a coluna do blog, ela fica "grudada" no anúncio. queria que ficasse separada que nem no seu, tem que configurar alguma coisa no código?

    desde já agradeço [obs url do blog: http://thementalist-brasil.blogspot.com]

    Vô deixar assim pq tenho mais de um blog no perfil e minha dúvida é nesse!

    ResponderExcluir
  15. Oi Giovana! Dei uma olhada no seu blog e realmente ficou estranho. Me mande o código por email que irei ajeitar prá você. Abraços

    ResponderExcluir
  16. algo assim merece um comentário.

    seu blog é muito bom, e muito útil, valeu.

    abçs.

    ResponderExcluir
  17. a como eu procurei por esse codigo xD
    mais uma veiz muito obrigado *_*

    ResponderExcluir
  18. Juliana, você é demais!!! Merece ficar em primeiro lugar. Sucesso e obrigado pelas dicas que tanto nos ajudam. Um abraço

    ResponderExcluir
  19. Puxa Juliana, ótimo código esse seu! Era justamente isso que estava precisando! Estou me aventurando novamente no mundo da blogagem, e seu blog está sendo muito útil! Parabéns pelo belíssimo trabalho que fazes!

    http://ricardomartiniano.blogspot.com

    ResponderExcluir
  20. Ju, achei ótimo a sua ideia, mas onde eu coloco o html da tabela. Não entendi! Desculpe-me!

    ResponderExcluir
  21. Você deve colocar no gadget que fica logo abaixo do cabeçalho, mas lembre-se que ele não está disponível em todos os templates

    ResponderExcluir
  22. Ju, com eu faço para colocar um gadget abaixo do linkbar, considerando que o meu template não tem esta opção do gadget?

    ResponderExcluir
  23. Oi Juliana, tudo bem?

    Estou com um problemão no cabeçalho do blog, talvez você consiga me ajudar...

    Personalizei a imagem, mas tem uma linha verde, logo abaixo da imagem, que eu não consigo tirar de jeito nenhum. Tenho medo de ficar "futucando" demais no HTML do blog e acabar fazendo besteira na configuração.

    O endereço do blog é: http://ecoil-leonardo.blogspot.com/

    Poderia me mandar um email com uma resposta? O email é leodias.1988@hotmail.com

    Agradeço desde já.

    Abraços.

    ResponderExcluir

ATENÇÃO: Caso esteja com dificuldades com seu blog, abra um tópico no Fórum de Ajuda do Blogger que nós iremos te ajudar a resolver.


Os comentários passam por um sistema de moderação. Não serão aprovados os comentários:
- não relacionados ao tema do post;
- com pedidos de parceria;
- com propagandas (spam);
- com link para divulgar seu blog;
- com palavrões ou ofensas a pessoas e marcas;

 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top