Ir al contenido principal

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

Loquendo es un programa que no necesita mucha presentación, principalmente porque lleva algo de tiempo entre nosotros y que en varias ocasiones, considero, que nos ha sido de gran ayuda al realizar vídeo tutoriales o bien algún proyecto educativo.
Loquendo se ha popularizado aún más en estos últimos años debido a que es utilizado por el popular colectivo Anonymus, para dar a conocer sus actividades.
En está ocasión les comparto 5 alternativas libres a este populoso programa.

Que es microsoft silverlight

Si entras a la pagina de Microsoft, o lees algun blog o revista sobre informática, encontrarás este nuevo término: Silverlight. Inclusive los gamers se verán envueltos por esta ola de novedades, pues la publicación del sitio de Halo 3 , uno de los juegos mas populares de Xbox, se hizo utilizando Silverlight para colocar videos en alta definición sobre trailers y escenas del juego.

Pero que es? para que sirve? quienes lo usan? Aca te dejo una simple pero clara definición, que encontré blogueando un poco.


Silverlight es un plugin que se instala en el navegador web, que en este caso significa Internet Explorer 6 o superior, Netscape 6+, Firefox 1.5+ en Windows XP y Vista; para Macintosh, Silverlight es soportado por Safari y Firefox. El plugin pesa algo así como 1.4 Mb.Silverlight es una versión reducida del framework de .NET (¡el framework completo de .NET es de 40+Mb!) enfocada a eficientar el manejo de multimedia dentro del navegador: video, audio, animación, interactividad, etc.Uno …

La beta de Windows 8 ya está disponible

La primera beta para usuarios de Windows 8, que ha recibido el nombre de Consumer Preview, ya puede descargarse desde la página de la compañía. Microsoft aprovechó el Mobile World Congress que se celebra en Barcelona para presentar este sistema operativo, que utilizará la nube para sincronizar la experiencia entre distintos dispositivos. La versión para desarrolladores (Developer Preview) deWindows 8 estaba disponible desde septiembre de 2011 y desde entonces ha sido descargada más de