domingo, 26 de maio de 2013

Como colocar anúncios do Google Adsense em baixo do titulo ou no meio das postagens do Blogger 2013.

                                         Salve galera devido a grande dificuldade que tive para colocar anúncios em baixo do título das minhas postagens neste "Blogger 2013".
não sei se houve alguma modificação, porque somente agora tentei fazer isso. Passei dias pesquisando códigos e testando alternativas, até que a forma que consegui não havia encontrado em nenhum lugar, é claro que todas dicas que vi me orientaram de alguma forma. Mas para que você não precise passar por tudo que passei e consiga de forma mais rápida, coloquei a maneira que consegui tudo mastigadinho como uma screenshot "imagem" do local exato do código do Blogger onde você deve inserir o código do seu anúncio. Então vamos lá para mais um passo a passo.

                                  Você já deve estar acostumado com a área de edição dos códigos HTML do Blogger mas vou repetir: No painel de controle escolha na aba lateral a opção "modelo" em seguida escolha opção editar HTML. você verá logo de cara que algumas coisas mudaram, não existe mais opção "expandir modelos de widget" coisa que odiei, porque o que podíamos fazer com um clique agora temos que fazer várias as vezes clicando nas setinha pretas ao lado dos números das linhas do código. em nosso imagem não está aparecendo nenhuma delas mas quando abrir o código do seu Blog você verá. Mas no entanto não precisei expandir o HTML para executar o procedimento.
                                      
                                        Após aberto clique em qualquer lugar dentro do código e digite CTRL+F verá que abrirá uma caixa de pesquisa no canto superior direito. após isso digite dentro da caixa de pesquisa a linha a ser procurada:

(div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody')

                                        Substitua os sinais de parenteses acima por "Maior >" e "Menor <"   porque não foi possivel colocar aqui devido ao Blogger a interpretar como código e não como texto desta forma não aparecia no post.

                                         "No meu código ela estava exatamente na linha 1500"  ao contrário do que achei na internet muitas explicações ensinando a linha errada a ser procurada. encontrada esta linha fique atento porque haverá uma linha quase semelhante a ela somente com alguns detalhes diferentes.

                                             Repare que o código deverá ficar exatemente onde está o quadro vermelho, entre as linhas contornandas pelos quadros pretos conforme ilustrado na imagem acima. O quadro abaixo contornado em azul são as linhas que deverá ficar antento para não confundi-lo e acabar colocando o código no lugar errado.
                                               
                                                 Como conseguir o Código?  Primeiramente é necessário conseguir o código do seu bloco de anúncios do Google Adsense. Saiba como fazer isso clicando ao lado. Como Obter código Google Adsense. Feito isso será nescessário converter este código para um formato que o Blogger reconheça ele como código, faça isso utilizando este link. Convertendo código para formato Blogger. Após abrir o link, copie o código do adsense dentro da caixa em branco e clique em "Parse", Copie todo conteúdo gerado após a conversão e junte a o código abaixo:

(b:if cond='data:blog.pageType == "item"')
(div style='float:right;padding:2px')

CÓDIGO GERADO CONVERTIDO

(/div>)

                                         Substitua os sinais de parenteses acima por "Maior >" e "Menor <"   porque não foi possivel colocar aqui devido ao Blogger a interpretar como código e não como texto desta forma não aparecia no post.

Feito isso copie tudo e cole exatamente onde foi ensinado na parte de cima deste passo a passo, no local onde está o quadro vermelho e entre as linhas marcadas pelos quadros pretos na imagem acima. Se quiser amplia-la você pode amplia-lá para facilitar a visualização.  Não se esqueça sempre que for editar o código de seus Blogs é interessante fazer um Backup do modelo do mesmo.  Qualquer dúvida não hesitem em perguntar, grande abraço e até o proximo.









7 comentários:

  1. Valeu pela dica!!
    É uma ótima forma de aumentar a rentabilidade dos AdSense.

    Mas é bom ter cuidado, pois a política do AdSense é bem rigorosa, eles proibem várias coisas, tem que ver se esta modificação está de acordo com o "contrato" deles.

    Valeu!

    ResponderExcluir
  2. esse passo a passo serve para colocar abaixo das postagens? sem que apareça na página inicial?

    ResponderExcluir
  3. Com este passo a passo os anúncios adsense aparecem embaixo do Título da postagem e não aparecem na página inicial. quanto a preocupação do amigo Roger, pode ficar tranquilo está tudo dentro da política de uso do Google adsense.

    ResponderExcluir
  4. Olá amigo, Não entendi a parte "Copie todo conteúdo gerado após a conversão e junte a o código abaixo:

    (b:if cond='data:blog.pageType == "item"')
    (div style='float:right;padding:2px')

    CÓDIGO GERADO CONVERTIDO"

    Me desculpe a minha pergunta mas não tenho esperiencia em HTML, e a imagem não está ampliando sendo assim não deu para ver onde devo colar nem onde devo juntar esse código ao código gerado pelo blogcrowds...

    Ficarei muito grato se os amigos me derem essa ajuda!
    Tenho dois blogs cada um com cerca de 15 mil a 20 mil visitas diárias, e meus rendimentos com o Adsence ficam entre 180.00 a 350.00 dólares, pelo trafego acho muito pouco já que os visitantes dos meus blogs ficam muito tempo nele, adorei a sua dica de botar anúncios no topo das postagens pois só uso nos Gadgets, acredito que com essa ajuda meus rendimentos iram aumentar...

    Abraço,
    Muito obrigado!
    Will

    ResponderExcluir
  5. Olá Will tudo bem? Deixa eu tentar te explicar.

    (b:if cond='data:blog.pageType == "item"')
    (div style='float:right;padding:2px')

    CÓDIGO GERADO CONVERTIDO

    (/div>)


    Neste código acima neste comentário, que é o mesmo que se repete no tutorial, você vai copiar o código que foi gerado no blogcrowds exatamente onde está escrito "código gerado convertido" substituindo esta frase pelo código, depois você substitui os parentes ( por < e ) por >. desta forma vai ficar :
    <b:if cond='data:blog.pageType....e por aí vai. Entendeu? Depois é só copiar o código todo e dar sequência ao tutorial. Qualquer duvida é só perguntar.

    ResponderExcluir
  6. amigo não achei esse codigo, só aparece esse ( div class='post-body entry-content' expr:id='"post-body-" + data:post.id' )

    ResponderExcluir
  7. O template que está usando é do próprio Blogger? As vezes pode ter alguns códigos diferentes se for de outras fontes, tentei colocar este sistema em outro template e não consegui, então recomecei meu blog com um template do próprio blogger. Mesmo assim foi muita tentativa e erro... veja essas variáveis que mais se aproximam deste código e vai tentando, acredito que as vezes possa ser algo próximo disso.

    ResponderExcluir