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

Los 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í.

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.

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