Colocar banners de 125×125 de publicidad Blogger


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 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="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 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.

Comentarios

  1. hola!
    gracias por todas las informaciones , son de gran ayuda
    carinos!
    marta

    ResponderEliminar
  2. Excelente!!! Recorrí muchos blogs para hacer esto y todos me salieron mal =( pero con este los cuadros están donde kiero. Muchas muchas gracias por la ayuda!!!!

    ResponderEliminar
    Respuestas
    1. me alegra que te haya servido :) ya sabes si tienes cualquier duda :) estamos por aqui

      Eliminar
  3. Muchas gracias, la verdad sí tengo una duda, en tu imagen se nota ke están bien separados uno de otro los 4 cuadros, sin embargo en mi blog, están muy juntos, ya intenté cambiar el número ke dices pero no veo diferencia. Alguna sugerencia??? Eres muy amable y te agradezco de antemano tu ayuda =)

    ResponderEliminar
    Respuestas
    1. hola Merlina acabo de ver tu blog, y creo que que el problema esta en el ancho de tu barra lateral , prueba aumentandolo . Un saludo

      Eliminar

Publicar un comentario

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Entradas populares de este blog

5 alternativas open source a Loquendo

Que es microsoft silverlight

La beta de Windows 8 ya está disponible