Agregar banners de 125 x 125 en la sidebar

|

banners 125x125
Colocar el espacio para la publicidad de banners de 125 x 125px es uno de los recursos más solicitados debido a la gran aceptación de este tamaño de banners.

Para agregar este espacio de banners en tu blog necesitas tener una sidebar con una ancho mínimo de 280px.
El procedimiento es de lo más sencillo; sólo entra en Diseño > Edición de HTML y antes de ]]></b:skin> pega lo siguiente:
/* Banners 125 x 125
----------------------------------------------- */
.ads {
margin-top:5px;
margin-left:5px;
}
.ads img {
padding: 4px;
margin-bottom: 5px;
}

Ahora en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega este código:
<div class="ads">
<a href="URL del enlace"><img src="URL de la imagen"/></a>
<a href="URL del enlace"><img src="URL de la imagen"/></a>
<a href="URL del enlace"><img src="URL de la imagen"/></a>
<a href="URL del enlace"><img src="URL de la imagen"/></a>
</div>

Sólo cambia la URL del enlace y la URL de la imagen donde se indica.
Si sientes que los banners están muy a la izquierda modifica donde dice margin-left:5px;
También puedes modificar la separación entre cada banner donde dice padding: 4px; sólo toma en cuenta que si le pones más separación también deberás tener un ancho de sidebar mayor a 180px.
Por supuesto que quenes quieran agregar más propiedades pueden hacerlo incluyendo un borde, un color de fondo, etc.

43 comentarios:

PepeX dijo...

Eso, eso estube pensando en preguntarte,jajajaj te me adelantaste.
Muy bueno, saludos!

Eduardo Sanguino dijo...

Estupendo, ya que estaba pensando añadir en mi blog, este tipo de barnner.

Gracias.

El Potro dijo...

PepeX, casi casi te leí el pensamiento XD

Eduardo Sanguino, es una buena manera de dar a conocer otros sitios, ya sea sitios amigos o para publicidad.

cyberbloggero dijo...

Ecelente bro.... a favoritos. Lo agregaré cuando el nuevo blog que estoy haciendo se haga mas conocido. Sin duda los anunciantes se sacarán los pelos por publicitar allí. XD

Un abrazo!!!

ⒼⒶⒷⓄ dijo...

Hola muy feliz 210 para todos...!!! Te felicito Potro por tu gran web de ayuda de ayuda blogger...!!! Para mi es la mejor, muy sencilla y fácil de entender todo, gracias a ella termine de re modelar todo mi blog. Solo quisiera que me ayudaras en una sola cosita, el ir arriba e ir abajo, por que en google chrome se ve bien pero en explorer y firebox no se ve el ir arriba yo pienso que es por esta parte del código bottom:714px; right:-4px; , en cambio tu web si funciona en los 3 navegadores. Me podrías ayudar??? Mi blog es: http://bloglincolngrandt2009.blogspot.com/. Muchas gracias.

El Potro dijo...

brother, estoy seguro que sí, a ver si cuando te vuelvas rico te sigues acordando de nosotros los pobres ;)

ⒼⒶⒷⓄ, Cambia el bottom:714px; por top:0; con eso saldrá en la parte de arriba el de 'Subir'

cyberbloggero dijo...

Si Bro, cumpliré con mi palabra de Comprar AdSense y agregar la cláusula que diga que cada clic que hagan en tus anuncios los pague 100 dólares! XD

El Potro dijo...

Eso es música para mis ojos!
Entonces sí podremos viajar a Perú y gastar muchos soles!
Un abrazo!

cyberbloggero dijo...

Jajajajajajaja... ahhh.. olvidé decirte que habrá otra cláusula de que diga que ella será tu "secretaria" ejecutiva de Ciudad Blogger. XD

Ya me lo imagino!!! harás sólo un post al año!!! XD XD


Un abrazo!!!

El Potro dijo...

Un post al año... JAJAJAJAJAJAJAJJAJAJAJJAJAJJAAJAJJAJAJA

ⒼⒶⒷⓄ dijo...

Muchas gracias amigo por la ayudita, sos un capo, disculpa las molestias.
Muchas gracias.!
Abrazo.!

El Potro dijo...

No es ninguna molestia, me da gusto que hayas tenido los resultados esperados.
Saludos.

admin dijo...

gracias ya me has salvado de mas de una muchas gracias men

Angular Estereo 97.2 FM dijo...

HOLA POTRO UN SALUDO...Y GRACIAS POR LA AYUDA Y LA RESPUESTA QUE ME PUEDAS BRINDAR.....TE QUERIA PREGUNTAR SI EN LA CABECERA DE MI BLOG EN EL BANNER PUEDO HACER QUE TENGA MOVIMIENTO.....O LO QUE SE LLAMA ROTADOR DE IMAGENES...LO QUE PASA ES QUE QUIERO DARLE MÁS VIDA AL BANNER QUE ENCABEZA MI PÁGINA....TE DEJO LA DIRECCION PARA QUE MEDES TU OPINION http://www.angularestereo972fm.blogspot.com/

El Potro dijo...

Un rotador y un banner animado son cosas distintas.
Si quieres que el banner tenga animación como movimiento en las letras y esas cosas entonces necesitas hacer el banner en formato .GIF para ello requieres de un programa de diseño.
Si quieres un rotador de banners entonces puedes ver cómo hacerlo aquí. Ese tipo de banner hará que el banner vaya cambiando, primero muestra uno, luego otro, etc.

Saludos.

Angular Estereo 97.2 FM dijo...

HOLA POTRO MUCHAS GRACIAS POR EL MENSAJE...DE INMEDIATO ME PUSE A BUSCAR LO QUE ME RECOMENDO....YA LO SE HACER PERO CUANDO VOY A PONERLO EN MI BLOG EN LA CABECERA....O BIEN EN OTRAS PARTES DEL BLOG NO FUNCIONA QUEDA SIN ANIMACIÓN......QUE PUEDO HACER EN ESTE CASO.....GRACIAS POR LA AYUDA QUE ME PUEDAS DAR.....

El Potro dijo...

Necesitaría saber cuál es la imagen a la que le has dado animación para poder darme una idea de dónde está el error.

Saludos.

Angular Estereo 97.2 FM dijo...

ah bien potro le di animación a dos banner que serian los de la cabecera del blog....internamente aquí los pongo y bueno rotan.....pero los pego ahi y nada.....o me diras si es que no se puede hacer eso por ahi....o bueno lo contrario si se puede porfa me guias....muchas gracias por siempre responder a las preguntas que hacemos por aca......

Angular Estereo 97.2 FM dijo...

potro igual si quiero poner una animación tambien en cualquier otra parte del blog que debo hacer gracias....

XoseAntón dijo...

Hola, El Potro, referente a los banners, no sé como resolver un problema con las imágenes. Las tengo alojadas en google sities y no consigo que se vean en explorer y mocilla; en cambio sí se ven en Crome. ¿Podrías ayudarme?

Un saludo y muchas gracias

El Potro dijo...

Hola XoseAntón,

Fíjate en el área del código donde va la imagen, tú estás poniendo esto:

src='url(http://sites.google.com/site/xoseantonimpulsos/impulsos/ads.jpg)'

Y debe ser sin lo de url y los paréntesis, es decir, debe ser así:

src='http://sites.google.com/site/xoseantonimpulsos/impulsos/ads.jpg'

Saludos.

XoseAntón dijo...

Tal cual, El Potro. ¡Funciona!, ese era el problema. Creo que mientras los banner que tengo en el blog sean gratuitos, mereces tener uno. Casi todo, o todo, porque de aquí partí hacia otros lados, lo he aprendido aquí, en Ciudad Bloguer; por lo que es de justicia añadir un enlace en mi blog. ¿Me dices tú cuál es la imagen o banner que utilizas?

Gracias, muchas gracias y un entrañable saludo

El Potro dijo...

Qué bueno que ya te ha funcionado :)
Muchas gracias por el enlace, aquí hay algunos banners.

Saludos.

XoseAntón dijo...

Listo, ya lo coloqué.

Un saludo y gracias por tu valiosa ayuda

insiden dijo...

Oye tengo un problema, Como Cambio el tamaño de la sidebar a 280px ?

El Potro dijo...

Si la quieres modificar en la de insiden00 va a ser un poco complicado pues se tiene que reducir el área de las entradas para poder aumentar la sidebar, y el problema está en que tu plantilla tiene muchas imágenes de fondo, por lo tanto si se reduce o amplia algo también tienen que editarse las imágenes con las nuevas medidas y subirlas a un servidor... algo (o muy) trabajoso.

goles y mujeres dijo...

porto que sucede si solo coloco los banner en seleccionar gadget nada mas. por q es necesario colocar ese codigo en la plantilla ?

El Potro dijo...

No es necesario a menos que tu plantilla no te permita mostrarlos de dos en dos (como la mayoría), si no es tu caso entonces no hace falta poner los códigos, sólo las imágenes sin hacer nada más.

Saludos.

El beto dijo...

HOLA!!

MI PREGUNTA ES

¿COMO SE YO CUAL ES LA URL DE LA IMAGEN QUE QUIERO COLOCAR SI LA IMAGEN ESTA EN MI PC?

ESPERO M EPUEDAS AYUDAR

SALUDOS!!

El Potro dijo...

Hola El beto,

Necesitas subir tu imagen a Internet para poder obtener la URL.
Aquí hay un videotutorial sobre cómo subir archivos a Internet.

Saludos.

El beto dijo...

Gracias por tu ayuda!!

Tengo otro problema

mi pagina cuando temina de cargar, las imagenes no quedan
acomodadas como yo las puse y la pagina se extiende demasiado.

Hechale un vistaso

www.lachikatraviesa.blogspot.com

Espero me puedas decir a que se debe eso!!

saludos

El beto dijo...

cuando creé la entrada

las ordene

imagen 1 imagen 2 imagen 3

imagen 4 imagen 5 imagen 6

imagen 7 imagen 8 imagen 9


pero cuando le di ver blogg

al terminar de cargarse la paginia se desacomodan de

esta forma:


1
2
3
4
5
6
7
8
9

y los enlaces que tiene cada imagen no se pueden abrir

osea dando click sobre las imagenes, tiene que aparecer

la manita cuando paso el cursor sobre cada imagen,

pero no lo hace.

Bueno voy a seguir buscandole

A ver si encuentro la falla

Saludos!!

El Potro dijo...

Pues yo veo las imágenes en el orden que habías elegido
1 2 3
4 5 6

Incluso cada imagen tiene un enlace.

El beto dijo...

Entonces no se que pasa

por que yo las veo en otro orden

gracias de todos modos

un saludo

xao

El beto dijo...

Hola otra vez!!

Espero estes bien.

Tengo otra pregunta, lo que pasa que me gustaria
poner un ranking o voto a mis fotos, pero no lo kiero para cada post, sino para fotos que tenga en la entrada con un voton de "votar"

Mas o menos como un top 10

foto 1
votar
----------

foto 2
votar
----------

foto 3
votar
----------

y asi hasta la foto 10

Espero me allas entendido :D

Y espero tmb me puedas ayudar con ello

Un abrazo y un saludo

El Potro dijo...

No conozco ningún servicio que pueda hacerlo, al menos no para Blogger.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo