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.
Por supuesto que quenes quieran agregar más propiedades pueden hacerlo incluyendo un borde, un color de fondo, etc.




Iconos RSS

43 comentarios:
Eso, eso estube pensando en preguntarte,jajajaj te me adelantaste.
Muy bueno, saludos!
Estupendo, ya que estaba pensando añadir en mi blog, este tipo de barnner.
Gracias.
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.
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!!!
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.
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'
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
Eso es música para mis ojos!
Entonces sí podremos viajar a Perú y gastar muchos soles!
Un abrazo!
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!!!
Un post al año... JAJAJAJAJAJAJAJJAJAJAJJAJAJJAAJAJJAJAJA
Muchas gracias amigo por la ayudita, sos un capo, disculpa las molestias.
Muchas gracias.!
Abrazo.!
No es ninguna molestia, me da gusto que hayas tenido los resultados esperados.
Saludos.
gracias ya me has salvado de mas de una muchas gracias men
Qué bueno que te ha servido.
Saludos.
PERFECTO!!!
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/
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.
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.....
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.
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......
potro igual si quiero poner una animación tambien en cualquier otra parte del blog que debo hacer gracias....
¿Cuál es la URL de la imagen animada?
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
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.
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
Qué bueno que ya te ha funcionado :)
Muchas gracias por el enlace, aquí hay algunos banners.
Saludos.
Listo, ya lo coloqué.
Un saludo y gracias por tu valiosa ayuda
Oye tengo un problema, Como Cambio el tamaño de la sidebar a 280px ?
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.
:/ ok bro gracias
porto que sucede si solo coloco los banner en seleccionar gadget nada mas. por q es necesario colocar ese codigo en la plantilla ?
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.
rdenrap.tk muchas gracias
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!!
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.
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
No sé cómo las hayas ordenado :s
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!!
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.
Entonces no se que pasa
por que yo las veo en otro orden
gracias de todos modos
un saludo
xao
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
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.