jueves, 14 de junio de 2012

Agregar AdSense a blogger 1 : en la sidebar

Este es el primero de varios tutoriales en el que veremos cómo colocar la publicidad AdSense en distintos lugares de nuestro blog, ya que he recibido varios pedidos sobre este tema.

Hoy veremos cómo colocar los anuncios AdSense en la sidebar de nuestro blog. Para hacerlos, tenemos dos formas:

A TRAVÉS DE UN GADGET ADSENSE DE BLOGGER

A través de esta forma no será necesario pegar ningún código. Simplemente seguimos estos pasos:

1.§ Vamos a Diseño - Añadir un gadget y de la lista escogemos uno llamado AdSense.

2.§ Se abrirá una ventana emergente donde podemos configurar el anuncio ( tamaño, color, etc). Si añadimos la publicidad a través del gadget de blogger, sólo podremos escoger entre añadir publicidad de Texto e imagen o Solo texto ya que no está disponible la de Solo imagen



3.§ Cuando terminemos de configurar, le damos a Guardar.

4.§ Para centar el gadget de AdSense, vamos a Plantilla - Edición de HTML. Con Ctrl+ F buscamos la palabra AdSense. La estructura del código será similar a esta. Lo que haremos será agragr lo que está en negrita:
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div align='center' class='widget-content'>

A TRAVÉS DE UN GADGET HTML

Si usamos esta forma, deberemos de pegar el código generado en nuestra cuenta AdSense. Además tendremos tres tipos de anuncios para escoger ( Texto e imagen, solo texto y solo imagen).

1.§ Copiamos el código generado en AdSense y, para evitar que nos pueda dar algún error lo convertimos a texto plano o a su equivalente en HTML.

Para ello, podemos usar esta página para convertir el código o hacerlo manualmente reemplazando los valores de la izquierda por los de la derecha:
< por &lt;
> por &gt;
" por &quot;

2.§ Con el código listo, vamos a Diseño - Añadir un gadget y de la lista escogemos HTML/Javascript.

3.§ Pegamos el código convertido. Si queremos centrar el anuncio, simplemente añadimos <center> al inicio del código y </center> al final del mismo. Le damos a Guardar.

No hay comentarios:

Publicar un comentario