Me han preguntado por correo electrónico cómo colocar banners de 125x125 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 elementoHTML/Javascript el siguiente código:
<style>
.anuncios img {margin: 10px;}
</style><div align="center">
<a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></a><a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></a>
<br/>
<a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></a><a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></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 enrojo 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.
Publicar un comentario