Como colocar Anuncios de adsense en medio de la entrada en Blogger. - Experto Blogger

Header Ads

Como colocar Anuncios de adsense en medio de la entrada en Blogger.

SI QUIERES PONER ANUNCIOS RELACIONADOS EN MEDIO DE LAS ENTRADAS DE TU BLOG PUEDES VER ESTE TUTORIAL

Muchas veces, es tedioso y complicado estar metiendo el script de anuncios de google adsense, en cada entrada, y de paso si eres olvidadiso se te pasa por alto y no los pones en las entradas.

Asi que el dia de hoy te comparto un script o una serie de codigos que tendras que implementar en tu plantilla para que automaticamente te aparezca un anuncio de google adsense en cada entrada de tu blog

y para ello deberan seguir esta serie de pasos al pie de la letra.

Colocar anuncios de adsense en medio de cada entrada automaticamente

1. vamos a blogger
-vamos a plantilla
-vamos a edicion HTML

Ahora dale ctrl + f, y busca el siguiente codigo <data:post.body/> este codigo lo vamos a reemplazar por el siguiente codigo (ojo recordemos que pueden haber varios codigos similares de data:post.body, asi que si no te funciona reemplazando con el primero, pueba con el segundo y tercero si hubiera, hasta que te salga todo bien.

El codigo es el que te coloco a continuacion, donde dice aqui ira tu codigo adsense, debes de colocar el script adsense, si tu script no es compatible con la plantilla, parsea tu codigo para que sea compatibla.


<div expr:id='&quot;zet1&quot; + data:post.id'/>

<div class='googlezet'>

<!-- Aqui ira tu codigo adsense -->
</div>
<div expr:id='&quot;zet2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;zet1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;zet2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>


2. ahora vamos a añadir el siguiente codigo css 
antes de ]]></b:skin> o antes de </style>

.googlezet{margin:15px auto;text-align:center}


Ahora le damos guardar cambios a la plantilla, y revisamos cualquier post de nuestra web. para ver que funciono, recuerda lo que mencione, que pueden aparecer varios data:post.body asi que intenta reemplazando uno por uno hasta que los cambios funcionen en tu web.

No hay comentarios:

Con la tecnología de Blogger.