Mostrando postagens com marcador Designer. Mostrar todas as postagens

Anúncio Abaixo do Título Blogger

Como Inserir anúncios No Blogger em qualquer lugar



Como já vimos no post anterior, por padrão o google deixa aparecer propandas somente em determinados locais do blogger.


Mas com a ajuda do Conversor de Código Adsense, nós podemos formatar o código para que ele seja exibido em qualquer lugar do blog assim como vocês podem ver logo abaixo do título deste post onde eu escolhi que apareçam apenas anúncios de texto no formato meio banner 468x60.

Você já deve ter se dado conta que a maioria dos grandes blogs apresentam seus anúncios fora dos locais padrão que o blogger nos permite. Isso estatísticamente foi provado que atrai mais cliques gerando mais receita que os anúncios nos locais padrão.

Veja Abaixo um exemplo de como os anúncios aparecem neste blog abaixo do título do post.


Adsense no Blogger


Criando anúncios na sua conta adsense



  1. Vá até a sua conta Google Adsense.
  2. Crie uma nova unidade de anúncios.
  3. Para melhores resultados eu gosto de utilizar meio banner tipo 468x60.
  4. Você customizar e fazer com o anúncio se pareça parte do seu blog agora nas configurações clique em salve e pegue o código.


Inserindo anúncios google abaixo do título do Blog



  1. Salvar o seu Template Blogger antes de fazer qualquer alteração no código como ensinamos à partir do item 4 deste tutorial.
  2. Procure pelo código abaixo. Agora fique atento que este código aparece diversas vezes
  3. Use o nosso Conversor de Código Adsense, para converter seu código da maneira que ele seja integrado ao seu código do template.
  4. Uma vez convertido o código cole no locar desejado.
  5. Cole o código convertido dentro do código fornecido abaixo com COLE O SEU CÓDIGO ADSENSE AQUI
  6. Salve e veja o resultado, fique atento para que o local onde você tenha colado o código não quebre nenhum dos outros códigos.



<b:else/><data:post.title/> 
</b:if></h1>






<b:if cond='data:blog.pageType == &quot;item&quot;'>
 COLE O SEU CÓDIGO ADSENSE AQUI
</b:if>




Agora fique atento que este código aparece diversas vezes no código do seu template mas apenas 1 vez com as tags h1 que indicam um título a melhor forma antes de reclamar que não está funcionando para você é ir testando o código em diversos lugares especialmente porque o google nem sempre mostra o anúncio o ideal é colocar algums caracteres estranhos logo acima e logo abaixo do código assim por exemplo.



<b:else/><data:post.title/> 
</b:if></h1>
8888888888888888888888888888888888888
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='center'>
&lt;script async src=&quot;http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:inline-block;width:468px;height:60px&quot;
     data-ad-client=&quot;ca-pub-5762826909313525&quot;
     data-ad-slot=&quot;5126288594&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
undefinedadsbygoogle = window.adsbygoogle || []).pushundefined{});
&lt;/script&gt;
</div>
</b:if>
8888888888888888888888888888888888888


Com esta receita simples vocês podem ir testando e experimentando em diversos lugares do seu blog. Você também pode formatar o anúncio com algumas div's que tornam o anúncio mais adaptado ainda ao seu template como por exemplo o anúncio centralizado ou o anúncio flutuante na direita ou esquerda.



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center">
 COLE O SEU CÓDIGO ADSENSE AQUI
</div>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="float:left; margin:10px;">
 COLE O SEU CÓDIGO ADSENSE AQUI
</div>
</b:if>

Adsense no Blogger

Como inserir adsense no blogger


Adsense no blogger está como leite para o bebê, todo blogueiro que hospeda  seu blog no blogger já se deparou com a oferta do google para que ele possa mostrar anúncios relevantes com o seu blog e assim você pode ter uma renda extra vinda dos anúncios.

O que muitos blogueiros não sabem é que você pode colocar os anúncios do adsense em qualquer lugar do blogger mas para isso você terá que recorrer a alguns artifícios pois não é tão simples como parece.

Note que por padrão os anúncios do adsense são exibidos somente nestes lugares:


adsense-no-blogspot
Adsense no blogger
Todavia nós podemos formatar o código do adsense para que ele seja incorporado ao template e apareça em outras partes do blog pois os nossos cérebros já estão programados para não ver as propagandas nesses locais.

Para isso, vamos nos utilizar desse pequeno mas eficiente código que nos auxiliará converter o código do adsense para que ele possa ser exibido em qualquer lugar do blog.


Conversor de código Adsense

1) Vá até a sua conta Adsense.
2) Copie o Código Adsense dentro do Espaço abaixo.
3) Clique em Converter
4) Insira o Código dentro do seu layout onde desejar que os anúncios apareçam!

Adsense code converter For Blogger @ThatsBlogging




Se tiver dúvidas de como implementar esse sistema de anúncios no seu blog confira nosso tutorial de como inserir anúncios google logo abaixo do título do post.

Template Para Blogger ModernBlog Download Gratis - Tema Profissional Designer

Template para Blogger Grátis para Download


Template para Blogger Blogspot ModernBlog
Template para Blogger Blogspot ModernBlog


Visualizar Template    Download Template

Nome do Template : ModernBlog
Plataforma: Blogger
Recursos do Template: Aparência Wordpress, 2 Colunas, Barra na Direita, 3 Colunas de Rodapé, estilo Profissional/ Designer, Design Limpo e Simples, Slider com Destaques para os 10 últimos posts, Largura Fixa,  Background Cinza, Menu de Navegação Superior.
Publicado em : Junho 2012
Autor : www.soratemplates.com
Tradução: www.templates-para-blogger.com.br

Instruções para Instalação do Template Configurando o Menu

Procure por:





<li><a href='#'>Home</a></li>
<li><a href='#'>Cores</a></li>
<li><a href='#'>Categorias</a>
<ul class='sub-menu'>
<li><a href='#'>Interiores</a></li>
<li><a href='#'>Trabalhos</a></li>


Substitua '#' com links para os seus posts ou para as suas TAGS

Configurando o Widget Social

Procure por:



<div class='share_item'>
<a class='twitterIcon' href='#'>twitter</a> 
<a class='facebookIcon' href='#'>facebook</a> 
<a class='googleIcon' href='#'>google</a> 
..........
</div>

Substitua '#' com links para os seus links sociais como eu fiz no template.


Configurando o Autor do Blog

Procure por:



<h4>About &quot;<a href='#' rel='author'>Admin</a>&quot;</h4></div>
<div class='author_post_pic'>
<img class='avatar avatar-56 photo' height='56' src='/avatar.png' width='56'/>


Substitua '#' com link para o seu site 
Substitua '/avatar.png' com a sua foto ou um icone 56x56 


Configurando Número de Posts da Primeira Página

Procure por:



var posts=4, // Número de Post na Primeira Página
num=2, // Número de Miniaturas para os últimos posts


Substitua '4' pelo número de posts que você deseja exibir 
Substitua '2' pelo número de Miniaturas que vc deseja exibir 
Copyright © 2013 Template para Blogger | Free Blogspot Templates Traduzido por: Templates para Blogger