Modificación de plantilla movil de Blogspot para añadir anuncios adsense por código

Modificación de plantilla movil de Blogspot para añadir anuncios adsense por código

1. Ingresa a tu cuenta de AdSense y crear un bloque de anuncios, yendo a la pestaña de "mis anuncios". Debes tomar en cuenta el ancho del bloque para que quede bien en el post, y alto para que lo desplace lo suficientemente hacia abajo (el resto del contenido). Yo usé un bloque de 250 x 250 pixeles. 

Nota: Asegúrate de usar un formato de texto distinto para el texto si es que vas a usar un bloque de texto/imagen.

2. Copia el código que te genera.

3. Convierte el código generado de tu bloque de publicidad, usando esta web http://accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php. El código tiene que verse algo parecido a esto:

<script type="text/javascript"><!--
google_ad_client = "ca-pub-22789064524467778";
/* Cuadro 250 x 250 */
google_ad_slot = "3076554850";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Una vez teniendo el código del bloque de AdSense listo, tenemos que agregarlo desde el editor de HTML de la plantilla. Antes de comenzar con ésto, te recomiendo guardar una copia de respaldo de tu plantilla, y para ello, vas a la pestaña Plantilla, y haces click en el botón que dice: "Crear-Restablecer copia de seguridad" y descargas la plantilla completa.

4. Tienes que ir a configurar la plantilla del movil (1)

y elegir "Si, mostrar plantilla para móviles en los dispositivos móviles" (2)

Elegir la plantilla "Personalizada" (3) y guardar cambios (4):

5. Ve a la pestaña "Plantilla", luego a "Editar HTML" y haz click en el botón que dice "Plantilla de formato"

 luego, presiona las teclas Ctrl + F,(1)  y busca el siguiente código, poniendo en el campo lo que resalté de azul, (2) para que lo encuentres rápido:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>      <data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats-->    </div>

(3) se encuentra el código búscado

6. Antes de <data:post.body/> pones el código con AdSense (ya convertido), como se indica a continuación:

<div style='float:right; margin: 0 0 0 15px;position:relative;top:45px;right:0;'>
Aquí el contenido del bloque de AdSense.Quitar esto.
<div style='height:60px'/>
</div>

Quedaría algo así:

7. Verifica en vista previa y si todo luce bien, guarda los cambios.

Cuando habrás tu página web en un móvil verás un anuncio en cada entrada.


Fuente:
http://accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php