piernodoyuna

Como ya anuncie, en este articulo voy a explicar 1 de las tantas maneras que existen de integrar la publicidad de Adsense ( solo texto ), sin estropear el diseño de la plantilla que uses en tu blog de wordpress. Lo primero que se necesita, obviamente, es tener una cuenta de Adsense, y conocer el funcionamiento basico para la creacion de anuncios. Voy a poner como ejemplo los anuncios que estan en este blog. Empecemos.

• Para colocar un banner en la pagina del articulo, al inicio, abre los archivos “single.php” y “style.css” en /tudominio/wp-content/themes/tuplantilla/, ( yo uso dreamweaver ).
• Busca en “single.php” lo siguiente: <div class=”entry”> e inmediatamente despues crea una nueva capa y nombrala de acuerdo al tamaño del anuncio que quieras colocar ahi, por ejemplo:
  <div id=”ad250″>
  ( Aqui ira el codigo del anuncio )
  </div>
  para el anuncio de 250×250 pixels.
• En el archivo “style.css”, pega el siguiente codigo, donde quieras:
  #ad250 {
  float: left;
  padding: 10px 15px 10px 10px;
  margin: 20px;
  background-color: #dd6f06;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }
• En la pagina de Adsense, ve a Configuracion de adsense/Obtener anuncios/Adsense para contenido/Bloque de anuncios. Selecciona “Solo anuncios de texto”, formato “Cuadrado integrado de 250×250″. El color del fondo y el borde es el mismo,  “dd6f06″, y el del titulo, texto y url es blanco ( FFFFFF ). La fuente en este caso es “Arial”. Estilo de “esquinas muy redondeadas”.
• Crea el codigo para el anuncio y pegalo en el espacio que habiamos reservado anteriormente.
• Guarda los archivos y subelos al servidor. En 5 o 10 minutos deberia de estar activo el nuevo anuncio.

Resultado: En Firefox se veran tanto el contenido como el anuncio con esquinas redondeadas y en Internet Explorer cuadradas, no he probado con otros navegadores.

5 comentarios para “Integrar publicidad de adsense en wordpress”