Micaela 28 de diciembre de 2009 a las 12.19
   Imprimir artículo
elWebmaster.com

WordPress: Cómo colocar un banner en la cabecera de tu blog


header-ad-wpressLos banners con publicidad son uno de los formatos m√°s populares para los anunciantes y los editores. Esto se debe a que a menudo ocupan la mejor parte de un blog, que es la cabecera o la parte superior al comienzo del contenido.

Estas √°reas son las m√°s visibles para cualquiera que visite el blog y los que tienen una base de gran n√ļmero de lectores cobran m√°s cargos por cualquier banner colocado en estos lugares.

Los gur√ļs del AdSense han afirmado muchas veces que los banners en la cabecera no son un convertidor tan bueno como las publicidades rectangulares grandes dentro de la porci√≥n superior del art√≠culo de un blog. La gente que compra publicidades quieren la parte m√°s visible del blog y por lo tanto, los anuncios de banner en la cabecera obtendr√°n un precio m√°s alto.

Para colocar un banner en la cabecera, tendr√°s que tener una cabecera lo suficientemente amplia como para dar cabida a la bandera. As√≠ que si tienes la intenci√≥n de colocar un banner de 728 x 90 p√≠xeles, aseg√ļrate de que tu cabecera es amplia y lo suficientemente grande como para eso. Tambi√©n hay que tener en cuenta el logotipo de tu cabecera y tomar disposiciones para que se muestre plenamente con el banner.

Como siempre empezamos con la adici√≥n de un nuevo selector o un div. S√≥lo tienes que definir los atributos de CSS del banner y establecer los m√°rgenes para alinearlo correctamente. Puedes omitir declarar la anchura y la altura, ya que ello permitir√° agregar banners de cualquier tama√Īo. Un simple ejemplo se ver√° as√≠.

  1. .ads {float: right; margin-top: 40px; margin-right: 10px; }

Por supuesto, puedes establecer tus propias preferencias, como flotarlo a la izquierda o tener m√°rgenes diferentes.

A continuaci√≥n, ve a tu archivo header.php y busca el ID del div de la imagen de cabecera. Normalmente se ve similar a esto. <div id=”header”>. Si no puedes decidir cu√°l es cu√°l, entonces, vuelve a tu hoja de estilo y busca el c√≥digo CSS que tiene la imagen de la cabecera o el logotipo establecido como fondo. Este selector particular ser√° el ID div que est√°s buscando.
Ahora que lo ha encontrado, debes insertar los c√≥digos de banner dentro de ese id, lo que significa que debe ser antes de la etiqueta div de cierre. Si lo colocas fuera de la etiqueta de cierre, tu banner no aparecer√° o si lo hace, no ser√° dentro de tu cabecera. Como por ejemplo si tu ID de div es “cabecera”, tendr√°s algo como esto.

  1. <div id="header">
  2. <div class="ads">
  3.        Todos los c√≥digos de publicidad de tu banner aqu√≠
  4. </div>
  5. </div>

Por supuesto, habrá muchas más líneas dentro de tu header.php, esto es sólo una guía aproximada. Mientras no se elimine cualquier cosa y no olvides cerrar las etiquetas de clase, todo debería estar bien. En los casos donde se ve el banner pero no en la ubicación adecuada, siempre puedes volver a tu hoja de estilo para re-escribir las distancias de margen. Se trata de ensayo y error.

Fuente: Blogigs.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (11)

  1. Kevin dice:

    Gracias por el tuto, me servira mucho en mi nuevo proyecto.

  2. segismundo dice:

    Lo importante es saber como manejo la punlicidad en la parte legal de acuerdo a la legislacion del pais que se rige.

  3. Miguel dice:

    mano lo eh intendado pero al colocar el codigo del banner , desordeta las imagenes de la cabecera, las letras las hace un lado , quiero colocarlo en el medio de la cabecera pero no se por que no sale que lata

  4. Miroslav dice:

    Una consulta..Tengo mi blog con la plantilla Twenty Ten donde tiene el titulo y la descripcion en la parte superior, seguido de una imagen. Ahora lo que quiero hacer es eliminar el título y la descripcion, ya que deseo incluir una imagen donde ya esten incluidos mi titulo y mi descripción. Me podrias dar alguna información de cómo hacerlo? Agradeceria tu respuesta.. Gracias

  5. Jose dice:

    Hola
    Mi problema es que he empezado la casa por el tejado. Me puse a crear el blog sin guardar un orden y ahora me encuentro con que no le puso titulo al blog. Voy encontrando soluciones para ir arreglando el blog. Como cambiar colores a los textos, hacer algunas letras mas gruesas. Aunque algunas no termino de encontrarlas. Pero lo de la cabecera me urge, porque si no pongo de que va el blog, dudo de que puedan indexarme. Podrias darme alguna opcion despues de ver el blog.
    Saludos y gracias con antelacion
    Pepo
    Saludos
    Pepo

  6. Sexshop dice:

    Mi problema es relativamente al hilo, yo quiero poner un banner en el header pero por asi decirlo solo del index!! no del resto del blog.

  7. Miguel Angel dice:

    Gracias por el aporte, justo lo que quería saber para ponerlo en mi blog

  8. Jorge Brito Abad dice:

    Muchas gracias realmente me sirvió esto, felicidades muy buena ayuda

  9. francisco abascal dice:

    muy buen comentario pero me gustaria saber como pudistes poner la propaganda que esta fuera del cuerpo de tu pagina web. en los dos costados

  10. Angel Maria dice:

    Hola, alguien me puede hacer el gran favor de informarme que plugin puedo usar en wordpress para colocar un banner 728×90 bajo la imagen del sitio.
    http://variedadesdecolombia.com por favor quiero colocarlo ahí y no se como hacerlo.

  11. Jose Francisco dice:

    exelente tutorial se te agradece me fue de mucha ayuda

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder