En el pasado ya hemos visto como añadir los anuncios de Google Adsense en diversas partes del blog, hoy y por petición de un lector veremos como añadir un anuncio de adsense justo después del primer párrafo (esta es una de las mejores partes para agregar anuncios de publicidad).

Insertar anuncios de Adsense después del primer párrafo en Blogger …

Anuncios-de-Adsense-despues-del-primer-parrafo-Blogger1

 

Lo primero que debes hacer es ir a Plantilla, Editar HTML y  buscar la línea

<data:post.body/>

Ahora pega <div id=’adsense-target’> como apertura y </div> como cierre del código anterior, de tal forma que quede así:

<div id='adsense-target'><data:post.body/></div>

Ahora copia el siguiente código justo arriba del anterior:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">CÓDIGO ADSENSE AQUÍ</div></b:if>

La parte resaltada en azul «Código Adsense aquí» debe ser reemplazada con el código del anuncio de Adsense.

Con la anterior línea el anuncio quedará centrada, pero si quieres que se vea a la izquierda, reemplaza

<div id='adsense-content' style="display:block;text-align: center">

Por:

<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">

Si quieres que se vea a la izquierda, el código a usar es el siguiente:

<div id='adsense-content' style="display:inline-block;float:right;margin:15px 0px 15px 15px">

Ahora para finalizar el truco, justo abajo de <div id=’adsense-target’><data:post.body/></div> añade el siguiente script:

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition); 
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

Solo queda guardar los cambios y disfrutar de este genial truco, con el que tendrás mejor posicionado tus anuncios de Adsense.

Categorías: Trucos Blogger

0 comentarios

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *