Me han preguntado por correo electrónico cómo colocar banners de 125×125 en el blog, tal y como yo lo hice en la barra lateral de este blog. Es muy fácil de hacer y hoy se los explicaré, pero primero veremos las funciones que tienen estosbanners. Generalmente se utilizan para promocionar otros blogs o sitios web, ya sea a cambio de dinero o no, es una forma fácil de colocar publicidad de otros sitios y no molestar a los visitantes del blog.
Bien, vamos a empezar. Primero que nada debes pegar en un nuevo elemento HTML/Javascript el siguiente código:
<style>
.anuncios img {margin: 10px;}
</style><div align=»center»><a href=»URL» target=»_blank»><img alt=»anuncios» src=»«/></a><a href=»URL» target=»_blank»><img alt=»anuncios» src=»«/></a>
<br/>
<a href=»URL» target=»_blank»><img alt=»anuncios» src=»«/></a><a href=»URL» target=»_blank»><img alt=»anuncios» src=»«/></a></div>
Por defecto los banners se verían así:
Siempre que queramos modificar una imagen bastará con cambiar la respectiva casilla URL y el espacio en donde está la dirección de la imagen (ambos en negrita).
Si quieres cambiar el espacio entre cada banner, simplemente modificá el valor anotado en rojo por un número menor o mayor, dependiendo de lo que quieras hacer.
Nunca está de más aclarar que necesitaremos una barra lateral de un mínimo de 260 pixeles aproximadamente, ya que los banners están en ileras de a dos y cada uno mide aproximadamente 125 pixeles de ancho.
Te recomendamos:
Atractivas plantillas gratis para blogger (parte 1)abril 25, 2011
Que nombre le pongo a mi blog?mayo 10, 2010
Botón Google+1 (PlusOne) en una barra flotanteagosto 5, 2011
Meta-Tags: aumenta las visitas a tu blog.julio 12, 2010
Banners y botones editables para tu blogagosto 9, 2010
Getclicky. Analiza el trafico de tu blog o webjulio 1, 2010