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:
140 colores hexadecimalesjulio 6, 2010
Blogger borrara cuentas antiguas sin usoabril 19, 2011
Nomain. Generador de nombres de dominiosjulio 3, 2010
FreeBlogApps: crea crea una aplicación de tu blog para Android de forma gratuita y fácilfebrero 21, 2012
Probando la nueva cara de blogger. ¡Perdón Google Blogs!julio 13, 2011
Mejor el tiempo de carga de tu blog con Lazy Loadagosto 3, 2011