Cómo colocar anuncios adsense uno al lado del otro en blogger y otros

Puedes ubicar anuncios adsense uno al lado del otro, preferiblemente Rectángulos como muestro en las imágenes a continuación:

Si quieres que los Rectángulos (u otro tipo de bloque de anuncios) sean ubicados uno al lado del otro en lugar de la imagen cabecera o debajo de la imagen cabecera de tu blog, debes primero ubicar el siguiente código en el código HTML de la pantilla de tu blog:

<div id='header-1'>



Luego, justo debajo de este código, pegamos el siguiente código:

<div style="margin-bottom: 15px; height: 280px;">

<div style="float: left;">CÓDIGO ADSENSE 1</div>

<div style="float: right;">CÓDIGO ADSENSE 2</div>

</div>


Para que se vea de la siguiente manera:



Y en donde donde dice "CÓDIGO ADSENSE 1" Y "CÓDIGO ADSENSE 2", colocas los códigos de tus anuncios adsense parseados (click aquí para parsear). Donde dice height, puedes cambiar la altura para que los anuncios cuadren con el alto del header al cual también deberás modificar dicha altura buscando primero el código presionando control + F:

<b:skin>

El cual se verá así en principio:



Luego debes presionar la pestaña que aparece al lado para que este código se despliegue así:



luego buscarás el siguiente código que aparece dentro de skin:

#header-1 {

que se verá así, y donde dice height, le cambias el número hasta que cuadre y se vean bien tus anuncios de adsense.



Puedes usar este código también para colocar los anuncios antes del cuerpo de la entrada y después del título buscando el siguiente código:

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>

Y justo debajo de este (aparecen dos pero generalmente funciona en el segundo) y antes de este:

<data:post.body/>

pegas el código mencionado al principio, y los anuncios deberán verse así:



Y si quieres que queden al final de la entrada, lo pegas debajo del código anterior mencionado, este: <data:post.body/> y listo.

También es importante, si quieres, agregarle el siguiente código para que solo aparezcan los anuncios en las entradas y no en la página de incio:

<b:if cond='data:blog.pageType == "item"'>CÓDIGO ADSENSE</b:if>

que combinado con el otro quedaría así:

<b:if cond='data:blog.pageType == "item"'>
<div style="margin-bottom: 15px; height: 280px;">

<div style="float: left;">CÓDIGO ADSENSE 1</div>

<div style="float: right;">CÓDIGO ADSENSE 2</div>

</div></b:if>


Finalmente también puedes observar el código:

<br/>

El cual sirve para dar espacio hacia arriba o hacia abajo del anuncio de google adsense.

IMPORTANTE: Para ir probando como se ve tu blog no debes de hacer en "vista previa" necesariamente, ya que muchas veces los cambios no se ven en esta vista, como me pasó en un principio, así que lo que haces es guardar la plantilla modificada y mirar los cambios en el blog normal. Y si no te gusta lo que has hecho, simplemente borras lo modificado en el código de la plantilla y listo.



¿Tienes algo que decir sobre este artículo? Compártelo con nosotros en:

siguenos en facebook sígueme en Instagram Canal de youtube siguenos en Twitter