Menu - Pages

jueves, 12 de noviembre de 2009

Poner Anuncios AdSense Integrados en el Texto del Blog

Hola amigos bloggeros, aquí publicando una ayudita para todos los que deseen poner anuncios adsense integrados en el texto de la entra del blog.

Este método lo hice en blogger.

Pase mucho tiempo navegando en internet investigando este método ya que solo tenia publicidad entre el titulo y la entrada y al final de la entrada, encontré formas que no me funcionaron pero de tanto buscar encontré este método que si me funciono. Como pueden ver en mi blog tengo publicidad integrada en esta entrada y en todas las demás a un lado del texto.

Comencemos con el método.

Logicamente este método es para las personas que tienen una cuenta de adsense y tienen publicidad en el blog. Lo primero es elegir el tipo de anuncio que pondrás en las entradas de tu blog, eso te lo dejo a tu criterio. Cuando ya obtienes el código de tu bloque de adsense no podemos pegarlo directamente en la plantilla del blog porque nos daría error, lo que podemos hacer es modificar un poco el código adsense, poniendo en claro google adsense no deja alterar el código para nuestro beneficio, no te asustes por eso, que lo que vamos a hacer es completamente legal y permitido por google adsense. Ya que lo que vamos a modificar es solo para que el anuncion pueda quedar integrado en la plantilla del blog sin darnos error.


El código que nos da adsense no es compatible con el código xml de nuestra plantilla y para hacerlo compatible existe una herramienta en una pagina web que hace el trabajo por nosotros. Entra en blogcrowds, pega tu código de adsense y dale clic al botón Parse y automáticamente obtendrás tu código para pegarlo en tu plantilla.

Ahora que ya tienes tu código ve al escritorio de tu blog, da clic en diseño, selecciona edición de HTML. Algo muy importante que debes de hacer es descargar una copia completa de la plantilla a tu computadora ya que si por algún motivo haces mal los pasos o borras algo tienes el respaldo para poder dejarla como estaba.

Para descargar una copia de la plantilla debes dar clic en “Descargar Plantilla Completa” y guardala.

Ahora que guardaste tu plantilla seleccionamos la casilla “Expandir plantillas de artilugios”.

Dentro del código busca las siguientes líneas:


<div class='post-header-line-1'/>

<div class='post-body entry-content'>

<data:post.body/>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Para poner el bloque adsense entre el titulo y el texto haz esto:

<div class='post-header-line-1'/>

aqui va tu codigo adsense

<div class='post-body entry-content'>

<data:post.body/>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Cuando hayas hecho los cambios no guardes, primero pulsa el botón VISTA PREVIA


Para poner tu bloque adsense al lado izquierdo del texto.

Para este caso vamos a agregar el siguiente código extra:


<div style='float: left; width: 336px; height: 280px; padding-right: 10px;
padding-bottom: 10px;'>

Aqui va tu codigo adsense

</div>

Donde: width 336; y height 280; es el alto y el ancho de tu bloque de adsense, esto lo tienes que cambiar según el tamaño de tu bloque. Para poner este bloque al lado derecho del texto solo tienes que cambiar left; por right;

En la plantilla quedaria integrado asi.

<div class='post-header-line-1'/>

<div style='float: left; width: 336px; height: 280px; padding-right: 10px; padding-bottom: 10px;'>

Aqui va tu codigo adsense

</div>

<div class='post-body entry-content'>

<data:post.body/>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Pulsa VISTA PREVIA antes de guardar los cambios para ver si tiene errores.


Si deseas poner el bloque de adsense abajo de todo el texto solo pega el codigo entre estas dos lineas de codigo.


<div style='clear: both;'/> <!-- clear for photos floats -->

Aqui va tu codigo adsense

</div>

Si todo sale bien puedes guardar. Con esto ya tendras la publicidad mas integrada al texto.

2 comentarios:

  1. Hola amigos, en verdad me costo acomodar todo este codigo html dentro de la entrada sin que el explorador lo tomara invisible.
    Espero que les sea util toda esta informacion y si por casualidad tu explorador te muestra un solo relajo de codigo dimelo para ver que puedo cambiar, ya que el explorador chrome me lo mostraba ordenado pero al abir el blog con IE8 me mostraba un solo desmadre de letras sin sentido.

    Espero que les sea util.
    Saludos....

    ResponderEliminar
  2. NOSE PUEDE COPEAR TUS EJEMPLOS DE TUS CODIGOS PARA ADSENSE, TU PAGINA TIENE RESTRICCIONES NODE JA COPEAR SOLO COPEA PUBÑLICIDAD,,, DISLAIK... FUCKK

    ResponderEliminar

Deja tu Comentario