Banner cambiante (rotador de banners)

13 de abril de 2009 502 comentarios ,
Tener un banner con imágenes cambiantes nos es de mucha ayuda si tenemos muchos banners que mostrar pero queremos ahorrarnos espacio, ya que en el mismo lugar los banners irán cambiando cada tres segundos.



Para colocarlo entra a Plantilla | Edición de HTML y pega antes de </head> lo siguiente:

<script>
//<![CDATA[
/*****
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com
Please leave this notice intact.
*****/

window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
function so_init() {
if(!d.getElementById || !d.createElement)return;
css = d.createElement('link');
css.setAttribute('href','slideshow2.css');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
d.getElementsByTagName('head')[0].appendChild(css);
imgs = d.getElementById('rotator').getElementsByTagName('img');
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = 'block';
imgs[0].xOpacity = .99;
setTimeout(so_xfade,3000); }
function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = 'block';
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0) {
imgs[current].style.display = 'none';
current = nIndex;
setTimeout(so_xfade,3000);}
else {
setTimeout(so_xfade,50);
}
function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return; }
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}
}
//]]>
</script>

Ahora pega antes de ]]></b:skin> lo siguiente:
/* BANNER CAMBIANTE
----------------------------------------------- */
{margin: 0; padding: 0;}
#rotator {
border: 1px solid #000000;
overflow: hidden;
margin: 0px ;
padding:2px;
position: relative;
width: 430px;
height: 60px;
}
#rotator img {
border: 0;
width: 430px;
height: 60px;
}

Las medidas las puedes cambiar de acuerdo al espacio de tu blog, para ajustar el ancho cambia donde dice width y para cambiar el alto en height.

Por último entra a Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y pega lo siguiente:

<div id="rotator">
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
</div>


Cambia los datos de la URL del enlace e imagen y listo.
En color azul se indica el tiempo en milisegundos que tarda en cambiar cada banner, se puede modificar por otro valor.


502 comentarios en:

" Banner cambiante (rotador de banners) "

  1. Hola amigo gracias por todo bueno aqui estan mis datos y como no te voy a enlazar tambien.

    Direccion: http://blogrevistaonline.blogspot.com/

    Direccion Imagen:http://img4.imageshack.us/img4/1869/revistaonlinebaner.jpg

    ResponderEliminar
  2. Listo Alejandro, ya está agregado tu banner. Saludos.

    ResponderEliminar
  3. Hola, me paso nuevamente por aqui para dejarte mi banner aver si lo puedes colocar. La medida es de 468 x 60. Aqui te dejo el link:

    http://i640.photobucket.com/albums/uu124/angelesp_2009/banner4682copia.png


    Mi dirección del blog:
    www.tecnologiaparalosquenosabemos.blogspot.com/

    ResponderEliminar
  4. Hola Ángel, ya está tu banner.
    Saludos.

    ResponderEliminar
  5. Recien conozco tu blog leyendo el de Cyberbloggero, he visto buenas iniciativas en el, ayudas a varios blogs a ser más conocidos y eso es muy bueno, sobre todo para quien empieza.

    Bueno la idea del banner me parece muy bien, quizás este haciendo algo parecido, aunque ya cuento con la famosa faviconera que existen en varios blogs.

    Me gustaría que agregaras el mio:

    URL: http://opcionez.com
    Imagen: http://3.bp.blogspot.com/_DJMZasPl66Q/SegkA-S5AJI/AAAAAAAAEHQ/e_dDj6XrS0Y/s00/opcionez-420x70.png

    Gracias!

    ResponderEliminar
  6. Hola Turko,
    Gracias por pasar por acá, eres bienvenido las veces que sean. Ya está listo tu banner.
    Saludos.

    ResponderEliminar
  7. De verdad que esta herramienta es muy util, te agradezco por el dato.

    ResponderEliminar
  8. Por nada Ángel, es buenisimo, así no llenamos el blog con banners por todos lados. Saludos.

    ResponderEliminar
  9. Buenas, aqui te dejo mi banner:

    http://areaphotoshop.com/wp-content/uploads/mini-banners/Banner-2-Area-Photoshop.png

    Enlazalo a: http://areaphotoshop.com/

    Desde ya muchas gracias.

    ResponderEliminar
  10. Hola Gonzalo, ya está puesto tu banner. Saludos.

    ResponderEliminar
  11. Hola

    Yo lo quiero hacer es algo parecido.
    Solo quiero que una serie de imagenes vayan cambiando en un espacio de 400x150, sin enlaces a ningún sitio ni nada. Eso si, me gustaria que tengan el efecto al cambiar que tu has hecho.
    He probado a hacerlo así pero me limita el espacio.
    Ayudame por favor.

    ResponderEliminar
  12. Hola Gonzalo,
    En la hoja de estilos (donde dice /* BANNER CAMBIANTE) cambia los dos width a 400 y los dos height a 150
    Para que las imágenes no tengan enlace elimina el atributo a href en el elemento HTML, de modo que quede así:
    <div id="rotator">
    <img alt="Título" src="URL de la imagen" />
    <img alt="Título" src="URL de la imagen" />
    </div>
    Prueba haciendo eso y dime cómo te fue.
    Saludos.

    ResponderEliminar
  13. pues hola denuevo aki de regreso con mas comments (esque quiero superar a cyberbloggero....XD ntc)no pues me gustaria ver si me puedes hacer un banner de mi blog con la imagen del header aunke obvio sin ese texto y pues ke diga el nombre de forma mas original y vistosa... si lo puedes poner en tu blog me parece bien aunke me gustaria mas para poner asi como tu lo de copia el codigo y enlazanos para ver ke tal funciona.... en fin...
    gracias y saludos

    Ps. si sale algo me avisas...

    ResponderEliminar
  14. Jajaja, me da mucho gusto que ambos comenten. Creo que le robaré la propuesta a Ángel de hacer un premio para el comentarista del mes =)
    Ya está puesto el banner, no sé si quieras hacerle un cambio. Te dejo los links de ambos, uno es más chico (para que te enlacen)
    Saludos.
    Banner 1Banner 2

    ResponderEliminar
  15. Jajaja. Esta buena la idea de premiar al que mas comente... por mas pequeño que sea el premio es una forma de incentivar a que comentemos.

    Un abrazo!

    ResponderEliminar
  16. Estoy de acuerdo, habrá que idear algo para premiar.
    Saludos.

    ResponderEliminar
  17. que tal un año de dominio gratis eh??? yo comentaria todos los dias....XD oye y gracias por el banner me gusto mucho aunque me pregunto si podria cambiarse el tipo de letra por una mas delgada? (lismonero y con garrote...LOL) ntc... asi esta bien...
    gracias y saludos

    ResponderEliminar
  18. Hola WeS,
    En realidad el tipo de letra es de los más delgados, pero te dejo dos más con Arial Narrow, es la más delgada que encontré, de cualquier modo le quité el borde blanco que creo es el que la hace ver más gruesa.
    Saludos.
    Banner3Banner4

    ResponderEliminar
  19. muchas gracias !! pondre esto en mi blog en cuanto tenga tiempo

    saludos !!

    ResponderEliminar
  20. Hola como estas! Quiero enlazarme contigo.

    Necesito saber cual es el link para que la gente cuando llegue a mi blog enseguida vea el link y agregue mi banner a su web.

    osea que salga mi banner y el link y que la persona coja enseguida el link.


    agregame y dime como agregarte..

    escribeme a colombian.tv@gmail.com


    Gracias por tu ayuda.

    ResponderEliminar
  21. Hola Colombian.tv
    El código para que los demás te enlacen están en este artículo.
    Ahora te mando un correo para darte más detalles.
    Saludos.

    ResponderEliminar
  22. Hola, estaría bueno que enlazemos nuestros blogs.

    Mi blog: http://elautormaterial.blogspot.com

    Banner 420x70:
    http://i41.tinypic.com/2qcjaxs.jpg

    Muchas gracias, avisame cuando este enlazado y yo tambien te enlazo.

    Saludos !

    ResponderEliminar
  23. Hola El autor, ya está puesto el banner. Aunque por este mes el banner rotante estará en la parte de abajo, cuando termine el concurso lo subiré de nuevo en la parte de arriba. Te recuerdo que estará puesto por un mes, si al terminar quieres que lo ponga de nuevo sólo dejas otro comentario solicitándolo.
    Saludos.

    ResponderEliminar
  24. Hola amigo: Con tu ayuda he ido haciendo cada día mas atractivo mi Blog:
    http://mundoporlibre.com
    gracias, pero ahora me gustaría que me ayudaras como poner un fondo de color, como el que has puesto tu de amarillo al final del post, ya que deseo resaltar solamente un trozo de texto.
    Gracias por tu amabilidad.
    Saludos

    ResponderEliminar
  25. Hola Ricardo Ribalda,
    Muchas gracias por tus comentarios, me da gusto saber que he podido ayudarte.
    He pasado por tu blog y me encantó la temática, me parece bastante original y muy aventurado (ese blog tiene espíritu).
    Con respecto al color de fondo del texto usa este código:
    <div style="background-color: yellow;">
    TU TEXTO AQUÍ</div>
    Sólo cambia el texto por el tuyo, donde dice yellow lo puedes cambiar por red, cyan, o lime, según el color que quieras.
    Saludos.

    ResponderEliminar
  26. Muchas gracias. Ha quedado muy bien en el borrador de prueba, en el próximo post ya lo aplicaré.
    Acabo igualmente de enlazarte, creo que tu web será de gran ayuda para nuestros seguidores del blog.
    Saludos.

    ResponderEliminar
  27. Hola Ricardo, qué bueno que te ha servido. Gracias por el enlace. Cualquier cosa que necesites estoy a tus órdenes.
    Saludos.

    ResponderEliminar
  28. "El Potro".
    Hice lo indicas y resultó!.
    Pero tengo un inconveniente que quisiera me aclares.
    El banner queda siempre posicionado a la izquierda del espacio que cree (569x60).
    ¿Serías tan amable de indicarme como lo puedo centrar?. Además quiero darle un espacio de margen. Por ejemplo, cambio el padding a 10px y la imagen se ve cambiando hacia abajo, fuera de posición.
    Mi Banner es de 468x60.

    Me explico?, se entiende?.
    Sería genial tu ayuda. Please!
    Saludos Gran Potro.
    Jpz.-

    ResponderEliminar
  29. Hola Jpz,
    Para que quede centrado el banner pon el código entre las etiquetas <center> y </center>Para crear márgenes usa margin en vez de padding.
    Saludos.

    ResponderEliminar
  30. Gracias potro.
    Excelente!
    Me has ayudado a darle un poco de "vida" a mi blog con todos tus comentarios.
    Saludos.-

    ResponderEliminar
  31. Hola Jpz,
    Me da gusto saber que el blog te ha sido de ayuda.
    Saludos.

    ResponderEliminar
  32. Me encantaría agregar un banner de Ciudad Blogger en mi blog.
    Porque no me envías uno (468x60).
    jparrazuniga@gmail.com

    Gracias.-

    ResponderEliminar
  33. Hola Potro.
    Todo iba bien con el banner. Pero al agregar otro cambia fuera de lugar y no he dado con el "detallito".
    Quiero que me cuentes como puedo arreglarlo. Así, como está, se ve horrible.
    Necesito tu ayuda. por favor.
    Dále una mirada (al final del blog):
    Http://papasvarias.blogspot.com
    Saludos.-

    ResponderEliminar
  34. Hola Jpz,
    Gracias por el banner, mañana lo hago y te pongo la dirección en un post tuyo o por acá, como gustes.
    Respecto al espacio que se ve en el banner es porque tienes puesto un salto de línea en el código, busca esto: <br /> y bórralo. Está en esta parte:
    target="_blank"><br/><img scr
    Quitando esa parte verás que se corrige el problema.
    Saludos.

    ResponderEliminar
  35. Gracias...
    Para mi has sido un gran aporte.
    Acertivo total.
    Grande Potro y, gracias nuevamente.
    Envíame tu banner.
    Saludos.

    ResponderEliminar
  36. hola hoy me encontre con tu blog y me gusto mucho se que me va ayudar mucho con el mio, amigo tengo una pregunta y talvez me puedas ayudar, quiero colocar banners flash en mi blog y aunque tengo varios programas para hacerlos no se como puedo subirlos, un programa que uso se llama IncrediFlash Intro and Banner Studio 1.2 y hago todo el processo pero cuando me dice que lo publique no se que tengo que hacer si me pudieras ayudar te lo agradeceria mucho he preguntado en varios sitios pero no he tenido ninguna respuesta mi coreo es tanukcr@gmail.com por favor enviarme un email mil gracias de antemano

    ResponderEliminar
  37. Hola TANUK, muchas gracias por tus comentarios y eres bienvenido todas las veces que quieras.
    ¿Ya tienes el archivo .swf guardado? Nunca he usado esos programas, pero si aún no has guardado el banner en formato .swf busca alguna opción de exportar o publicar y guárdalo en tu equipo. Ya que lo tengas listo me comentas para decirte cómo ponerlo en tu blog.
    Saludos.

    ResponderEliminar
  38. amigo gracias por responderme tan rapido,si ya tengo mi banner en swf en mi pc

    ResponderEliminar
  39. Hola TANUK,
    Entonces en un elemento HTML/Javascript pega este código:
    <div style="text-align: center;"><object id="movie" data="URL del archivo swf" width="480" height="80" type="application/x-shockwave-flash"><param value="URL del archivo swf" name="movie"/><param value="transparent" name="wmode"/><param value="never" name="allowscriptaccess"/></object></div>

    Luego sustituye la URL del archivo swf por la dirección donde hayas subido tu archivo swf, si aún no tienes dónde subirlo, en este post hay una buena opción.

    Cualquier duda me comentas.
    Saludos.

    ResponderEliminar
  40. un exito.... mil gracias no tienes idea lo que trate de hacerlo quedo genial, los banner que tu haces los trabajas con flash cs3?

    ResponderEliminar
  41. Qué más quisiera, con trabajo sé usar Photoshop, jaja, alguna vez intenté usar todos los programas de la suite CS3 pero no di una.
    Qué bueno que has podido poner tu banner.
    Cualquier cosa estoy a tus órdenes.
    Un saludo.

    ResponderEliminar
  42. amigo tengo un problema subi al servidor como me indicaste los archivos flash pero no se porque al verlos desde otra maquina no se pueden ver, pero si lo habro desde mi maquina se ven sin ningun problema ya lo probe con varios amigos pero no se que pueda ser

    ayudame por favor

    nota: puse el codigo tal y como me indicaste , los subi al servidor nose que hacer

    ResponderEliminar
  43. Hola TANUK,
    Veo que en el código pusiste ?w=cf6eaccd al final del nombre del archivo, eso no debe ir, elimínalo, y me comentas si se arregla.
    Saludos.

    ResponderEliminar
  44. nada si se lo quito no se ni en mi pagina ayyyyy ya me duele la cabeza
    jejeje voy a seguir intentando si quieres ver mi pagina http://tanukcr.blogspot.com/

    talvez tu si encuentres una solucion

    ResponderEliminar
  45. Hola TANUK,
    La URL del archivo está mal, debes colocarlo dentro de la carpeta Public de DROPBOX, ya que está ahí con el botón derecho sobre el archivo dale click en "Copy public link" y lo pegas en la URL del código que te dije, recuerda que debe estar tal cual te lo mandé, sin agregarle nada más.
    Saludos.

    ResponderEliminar
  46. resuelto.... mil gracias amigo me has ayudado mucho

    ResponderEliminar
  47. Qué bien te ha quedado, veo que eres un master del diseño.
    Saludos.

    ResponderEliminar
  48. amigo muchas gracias, pero en realidad el maestro sos vos, mas bien si en algo te puedo ayudar con mucho gusto estamos para servirte.

    ResponderEliminar
  49. y que me doy cuenta que mi banner ya no sta....XD seguro por eso ya no tengo tantas visitas....XD verdad potro?

    XD

    ntc...

    saludos

    Ps. estaria bien otro mesecillo no?

    jaja bueno si se puede...

    gracias

    ResponderEliminar
  50. Por supuesto WeS, ya sabes que en cuanto pase un mes sólo hay que pedirlo de nuevo por acá. Esto es sólo porque hay quienes solicitan el banner y luego eliminan el blog o cambian de dirección, de este modo sólo se publican banners de blogs activos.
    Ahora mismo lo pongo.
    Saludos.

    ResponderEliminar
  51. gracias potro !

    muchas gracias

    y ske la verdad tienes toda la razon en eso de porque solo un mes... aunque espero stemos leyendos por aqui para rato...

    saludos y muchas gracias

    ResponderEliminar
  52. Que tal Potro!.
    Tengo un pequeño problema y necesito que me ayudes.
    No es con el banner cambiante en sí, mas bién es con el diseño en la plantilla.
    Estoy modificando un blog y no puedo posicionar el banner donde quiero.
    Si lo ves, saldrás de dudas (http://myfirststepsgarden.blogspot.com).
    Mi consulta es la siguiente:
    ¿Cómo logro centrar el gadget que soporta el banner, respecto de las entradas?...
    Hasta ahora, sólo queda cargado a la izquierda del post.
    Eso sería Potro.
    Saludos y gracias desde yá.-
    JPZ.-

    ResponderEliminar
  53. Hola Jpz,
    Yo también estoy usando esa plantilla para armar un blog =P
    Arrastra el gadget hasta abajo de las entradas, pero que no quede dentro del footer. De ese modo debe quedar centrado.
    Saludos.

    ResponderEliminar
  54. Potro.

    No me resulta!!!!.
    Creo que hay que modificar algo en plantilla. Será eso?.
    Ayudame por favor.
    Saludos.
    Jpz.-

    ResponderEliminar
  55. No creo que sea la plantilla, yo acabo de hacer la prueba con esa plantilla y no tuve problema. Si puedes haz una captura de pantalla de los Elementos de la página y mándamela para ver cómo tienes organizados los gadgets.
    Saludos.

    ResponderEliminar
  56. Potro.Soy un gran admirador tuyo...

    yo quiero que me ayudes promocionar mi blog... Te dire que no tengo un banner pero te voy a dar mis datos:


    URL DEL BLOG: http://www.hpmuggleperu.blogspot.com/

    ResponderEliminar
  57. Hola HP muggle,
    Gracias por tus comentarios. Ya está puesto, ojalá te guste.
    Al termino del mes sólo deja otro comentario para ponerlo un mes más.
    Saludos.

    ResponderEliminar
  58. Que tal Potro!
    Nuevamente una consulta:

    Que tengo que hacer para tener, en 2 ó más gadgets diferentes, un banner cambiante?.
    Que sean independientes.

    Saludos.-

    ResponderEliminar
  59. En teoría sí se puede, sólo debes abrir el script en WordPad y cambiar donde dice: imgs = d.getElementById('rotator') por rotator1, o el nombre que quieras, luego repetir los demás pasos cambiando rotator por rotator1 o el nombre que hayas puesto.
    Pero te digo que es en teoría porque a algunos les funciona y a otros no, ignoro a qué se deba. Yo mismo lo he probado y en un blog sí funciona y en otro no.
    Saludos.

    ResponderEliminar
  60. Potro, no se si podrias actualizar mi banner para que aparezca en tu web, los datos son los mismos:

    http://i640.photobucket.com/albums/uu124/angelesp_2009/banner4682copia.png


    Mi dirección del blog:
    www.tecnologiaparalosquenosabemos.blogspot.com/

    Saludos y gracias

    ResponderEliminar
  61. Que tal Potro.
    Estoy modificando un blog y me encantaría poner un banner de ciudad blogger y los que administres (respondonés, etc).

    Si te animas, las medidas son 320x70.
    Saludos y éxito!.
    Jpz.-

    ResponderEliminar
  62. Hola Jpz,
    Te tomo la palabra, en un momento más te envío los banners a tu correo.
    ¡Muchas gracias!

    ResponderEliminar
  63. Hola potro...Como ya dijisteal comienzo de publicar esta entrada:

    tu banner estara aca por un mesy si quieres que este el siguiente nada mas deja un comentatio.

    cosa que estoy haciend pero primero te quiero dar las gracias por que esto ha sido una gran ayuda.....gracias a ti muchos blogger entran al blog y por eso yo no me despeguo del tuyo...chau y muchos exitos con ciudad blogger y respondones.


    pd: potro entra a mi blog hp muggle y alli tengo el banner en la cabecera es 420 x 70 no te lo dejo aqui en el comentario por que no acepta archivos HTML pero te dejo el link de mi blog:

    http://hpmuggleperu.blogspot.com/

    ResponderEliminar
  64. Hola HP muggle,
    Qué bueno que te llegan visitas desde acá, de hecho yo entro regularmente =P
    Ya cambié el banner por el que tienes en tu página.
    Saludos.

    ResponderEliminar
  65. Me encantaría tener un banner en tu blog.
    Lo malo es que soy cero (a la izquierda) para el diseño.
    ¿Me harías uno?.
    Saludos Potro.
    Jpz.-

    ResponderEliminar
  66. Claro Jpz ¿tienes algún logo hecho? ¿es para musicajpz?

    ResponderEliminar
  67. Potro:
    No tengo ningún logo, con suerte ocupo paint. Jajaja (aunque no estoy muy lejos de eso).

    Y claro, es para "Musica Jpz (El lado b de Papas Varias)".
    Te agradecería que intentaras crear algunos.
    Si tienes algunas ideas, me las comentas y vamos viendo cual se podría "adaptar" más al blog.
    ¿Te parece?

    Un gusto seguir tu blog.
    No sabes cuanto he aprendido de Ciudad Blogger.
    Saludos.
    Jpz.-

    ResponderEliminar
  68. Hola Jpz,
    No sé qué idea tengas en mente, hice este, no sé si quieras que le haga algún cambio.
    Saludos.

    ResponderEliminar
  69. Gracias Potro.
    Está genial. Además, super acertivo con los colores (se nota preocupación).
    Grande Potro!.
    Entonces vamos con ése!!!

    Ahh. Envíame un banner tuyo (125x125), tengo un espacio preparado, especialmente, para Ciudad Blogger.

    Nuevamente gracias.
    Saludos.
    Jpz.-

    ResponderEliminar
  70. Será mucho pedir que, tambien, me envíes el banner que creaste (Música Jpz) en 960x160, para ver como se muestra en mi cabezera.

    Saludos Potro.
    Jpz.-

    ResponderEliminar
  71. Hola Jpz,
    Qué bueno que te gustó el diseño. Ya está puesto. En un mes me avisas si deseas que siga publicado.
    Ahora te mando el diseño a tu correo, deja ver cómo lo acomodo con esas medidas.

    Gracias por el espacio en tu blog. En este post tengo los banners con el código.
    Muchas gracias y saludos.

    ResponderEliminar
  72. Vale Potro!.
    Saludos y gracias.
    Jpz.-

    ResponderEliminar
  73. Ya puse mi banner cambiante en mi plantilla de mi blog, muy buen tuto :)!

    a aprovechando que hice un banner recien con el photoshop xD

    Url: http://www.videosfeed.blogspot.com/


    Banner: http://i41.tinypic.com/j9txcn.png




    Saludos!

    ResponderEliminar
  74. Listo Mathias,
    Ya está puesto. En un mes me comentas si quieres que se siga publicando.
    Saludos.

    ResponderEliminar
  75. Hola Potro
    me gustaría estar en tu blog,mi blog es www.elblogdechica.co.cc y la url de la imagen es http://docs.google.com/Edit?docid=ddgfbgvq_109fv6vh4hg

    Gracias
    JOrge

    ResponderEliminar
  76. Hola Jorge,
    Con gusto lo pongo, pero la dirección de la imagen está incompleta.
    Revisa la dirección o súbela a otro servidor para que pueda ponerla.

    Saludos.

    ResponderEliminar
  77. Hola potro, te lo envie a tu mail y no se si te llegó la imagen para el banner
    Gracias

    Jorge
    www.elblogdechica.co.cc

    ResponderEliminar
  78. Bueno este es mi banner

    Url:
    http://wwwmileymagazinestar.blogspot.com

    Banner:
    http://crearbanner.com/banners/4200777557584421.jpg

    PD: La Url va sin el punto luego de www
    asi como la escribi esta correcto.
    Saludos

    ResponderEliminar
  79. Hola el venado,

    Ya está publicado el banner. En un mes me comentas si quieres que se siga publicando.

    Saludos.

    ResponderEliminar
  80. Hola amigo que tal me gustaria a ver si usted me podria hacer un banner con un diseño simple para mi blog.
    http://www.vergacionojoda.blogspot.com, yo con mucho gusto lo enlazare a mi blog. Espero su respuesta.
    Me puede contactar por mail:on.navas@gmail.com

    ResponderEliminar
  81. bueno amigo un gusto entrar en esta pagina en especial aora que resien estoy empesando con mi blog yo ya los tengo enlasados y desde antes de q me diera cuenta de que podía poner my banner xD bueno de ante manos gracia

    y aki esta mi banner http://img43.imageshack.us/img43/3525/bannermarckfire.jpg

    y acá mi blog http://marckfire.blogspot.com échenle un vistazo

    ResponderEliminar
  82. Hola DarkSpace,

    Ya te he mandado por correo el diseño del banner para que me des tu opinión.

    Saludos.

    ResponderEliminar
  83. Hola TheDeadboy,

    Ya está listo tu banner, estará por un mes, si después deseas que se siga publicando sólo dejas otro comentario solicitándolo.

    Mucha suerte con tu nuevo blog!

    Saludos.

    ResponderEliminar
  84. Esta bien tu banner me gusto, el problema estas en que es muy pequeño para ponerlo como cabecera de mi blog pero si lo puedes guindar aqui si quieres y ya estas enlazado.
    Gracias...

    ResponderEliminar
  85. Hola DarkSpace,

    El banner tiene las medidas para ponerlo aquí, lo que tú quieres es la cabecera la cual sí es más grande.
    Dime cuál es la medida de tu cabecera y veré si lo puedo agrandar.

    P.D. Ya está publicado el banner, estará por un mes, al terminar el mes comentas si quieres que se siga publicando.

    Saludos.

    ResponderEliminar
  86. oye gracias por el articulo aunque no me sirvio de mucho, pues me preguntaba si me podrias hacer un banner para mi pagina twilighttotalobsession.blogpot.com y me podrias decir como le hago para que el codigo con el que me puedean afiliar a otras paginas aparesca abajo de la imagen. GGGRRRAAAXXX !!!!!

    ResponderEliminar
  87. Hola Carol Cullen,

    ¿Por qué no te sirvió el artículo?

    Mañana te hago el banner, el código para que tus lectores te enlacen lo puedes encontrar en este post.

    Saludos.

    ResponderEliminar
  88. Listo Carol, el banner estará publicado un mes.

    Saludos.

    ResponderEliminar
  89. Hola Potro bueno pues creo que hace pocos dias se me olvido mencionarte que cambie de link yo no es:

    hpmuggleperu.blogspot.com si no ahora es:

    hp-muggle.blogspot.com

    Bueno y también se me olvido dar el banner del blose te sea una molestia g HP Muggle pues ahora tengo un nuevo banner y espero que no cambiar.xp

    Pues el banner esta en mi blog :

    hp-muggle.blogspot.com

    Lo encontraras en la columna izquierda abajo del menu, en donde dice enlazame.

    das clic en el anuncio en donde dice ''HP Muggle
    Si quieres otro Banner HP Muggle solo has clic AQUÍ''

    en ''AQUÍ'' le das clic y encontrras un banner grande .

    Bueno espero que no se te sea molestia y muchas gracias por todo el apoyo que me das a mi y a otros blogger's que recien estan empezando como yo.

    Chau y suerte, un abrazo!!! :D

    ResponderEliminar
  90. Hola HP muggle,

    Ya está, como recomendación puedes redireccionar tu antiguo blog al nuevo para que las visitas que lleguen al antiguo blog se redireccionen automáticamente al nuevo.
    Puedes ver en este post cómo se hace.

    Saludos.

    ResponderEliminar
  91. Potro muchas gracias por la recomendación.
    me he dado cuenta que en el banner de mi pagina que has puesto aqui la URL es:

    http://http://hp-muggle.blogspot.com

    espero que no sea molestia que lo cambies a esta URL:

    http://hp-muggle.blogspot.com

    Porfavor potro pero igual muchas gracias por todo... :D

    chau

    ResponderEliminar
  92. Listo, disculpa por el error.
    Saludos.

    ResponderEliminar
  93. Hola potro, excelente iniciativa para promocionar los blogs, sobretodo de los que estamos empezando. En vista que soy un novato con muchos deseos de aprender me puse acrear un banner 468x60, si le das el visto bueno, me encantaría que lo agregases en tu sitio, de lo contrario, te pediría por favor que me creases uno. Voy a tomar tu código para enlazarte. Adjunto mis datos:
    URL del blog-> http://chiclinporsiempre.blogspot.com
    URL imagen-> http://i787.photobucket.com/albums/yy155/giancarloandres/banner_cristo-rey468x60.jpg
    Gracias.

    ResponderEliminar
  94. Hola Andres-Vb,

    La verdad es que el banner está bien como está, sólo que hice unos pequeños cambios pues para publicarlo aquí la medida es de 490x80, al agrandarlo las letras perdieron resolución y tuve que ponerle unas nuevas.

    Estará publicado por un mes, saludos y mucho éxito con tu nuevo blog!

    Saludos.

    ResponderEliminar
  95. Hola potro acabo de ver mi banner y me ha encantado tal como lo has dejado. Estoy contento de que me hayas agregado a tu "ciudad".Gracias amigo! Potro, si no fuera mucha molestia me gustaría que te agregases a mi lista de seguidores tal como yo lo he hecho en tu blog¡que dices!

    ResponderEliminar
  96. Excelente entrada mi blog es http://finanzasabundantes.blogspot.com y el banner es http://lh6.ggpht.com/__-dUb4Gwhjs/Sn-hP3VXhVI/AAAAAAAAAHo/32Ldlz1SjTo/Banner-finanzas-abundantes.png, por favor mejoralo y enviame cualquier pregunta a mi correo, ya tengo tu link en mi conjunto de blogs... gracias

    ResponderEliminar
  97. Hola Infinity Inc.

    La verdad es que así como está me parece muy bueno, sólo le he agregado un poco de sombra a las letras para darles relieve, pero si gustas lo dejo como estaba.
    Ya está publicado, en un mes me comentas si deseas que se siga publicando.

    Saludos.

    ResponderEliminar
  98. Que Onda potro yo Otravez pues balla nececito que me agas promo como le ago en que programa trabajas necesito un banner bien Rifado en mi blog hablo de Noticias WWE UFC ROH BUENO pasate por mi blog dime como lo puedo hacer obiamente con q programa pues necesito acer uno bien Rifadon porque en mi blog hablo de muchas empresas de Luchas..... Porfas ayudame
    unrealmat.blogspot.com

    ResponderEliminar
  99. Hola Unrealmat,

    El programa que yo uso es Photoshop. Te he hecho uno que ya está publicado (por un mes), si prefieres hacer otro me lo mandas ya que esté listo y lo cambio.

    Saludos.

    ResponderEliminar
  100. Hola me gustaría que agregases mi web de http://www.elgatodeltrastero.com

    El banner es: http://img25.imageshack.us/img25/7704/bannergato.jpg


    Muchas gracias, yo también te enlazo.
    Un saludo

    ResponderEliminar
  101. Hola J.Rodriguez,

    Ya está puesto tu banner, en un mes me comentas si deseas que se siga publicando.

    Saludos.

    ResponderEliminar
  102. Hola Potro:
    Creo que ya ha pasado más de un mes con mi banner. Que siga otro más!.
    Saludos.
    Jpz.-

    ResponderEliminar
  103. Bien ya tengo el banner que ise solo me faltaba un poco de imaginacion pero hoy me ispire Bueno gracias por el que me isistes esta rifado aver aqui esta el Mio que ise:
    Es de DropBox espero lo puedas ver... sinime avisas y te lo mando por correo...
    https://dl-web.getdropbox.com/get/Photos/Banner1-1.jpg?w=acd5d50d

    ResponderEliminar
  104. Jpz,
    Listo para otro mes =)

    Unrealmat,
    La imagen debes ponerla dentro de la carpeta Public de Dropbox para poder compartirla, si lo prefieres mándamela a admin@ciudadblogger.com
    Saludos.

    ResponderEliminar
  105. Ok creo si ya la meti gracias espero se te vea Bueno gracias
    https://dl.getdropbox.com/u/1674499/Banner1-1.jpg

    ResponderEliminar
  106. Ahora sí. Ya cambié el banner.
    Saludos.

    ResponderEliminar
  107. Potro Gracias por avisar:D.

    Te quiero dar las gracias por aver promocionado mi blog y a muchos durante mucho tiempo...

    Chau ,suerte...

    ResponderEliminar
  108. Hola HP muggle,

    Por nada, ya después habilitaré de nuevo el banner para poder seguirlos promocionando o algo más se me ocurrirá.

    Saludos.

    ResponderEliminar
  109. Hola amigo te agradesco lo que haces, sin nduda es una excelente informacion. Pero tengo una duda, segui todos los pasos y me salio de mil maravillas, lo que pasa es que solo puedo colocar un solo banner cambiante. al intentar colocar otro en otro gagget no sale cambiante sino una sola imagen fija.
    ¿que puedo hacer para colocar multiples banner cambiantes en mi blog o sea al menos un banner cambiante por cada gagget?

    saludos!!

    ResponderEliminar
  110. Hola HG,

    Lee el comentario #60, ahí están las indicaciones, pero te repito lo mismo que digo ahí, en teoría se puede tener dos o más banners cambiantes pero la mayoría de las veces no se puede, yo lo he intentado con varios blogs y sin éxito, sin embargo hay a quienes sí les ha resultado.

    Saludos y gracias por tu visita.

    ResponderEliminar
  111. hola me funciona super bien pero tengo una duda como puedo poner mi banner cambiante en el centro de abajo pork yo lo tengo pero se me ve en la esquina porfa me dices como?

    ResponderEliminar
  112. Hola xmileycyrus,

    El código que va dentro del elemento HTML/Javascript enciérralo entre <center> y </center>
    Con eso se alineará al centro.

    Saludos!

    ResponderEliminar
  113. muchas gracias fue de mucha ayuda bye cuidate :)

    ResponderEliminar
  114. que mal que ya no anuncies loco decepcionante

    ResponderEliminar
  115. Hola slandgkearth,

    Lamento decepcionarte pero el banner sólo era temporal.

    Saludos.

    ResponderEliminar
  116. Amigo tengo un solo problema las imágenes me aparecen pero detrás de cada una es decir una vez que pasa una aparece otra vacía, además no se que poner en título, ya que solo necesito imágenes que puedo hacer??..ah muy bueno el blog.

    ResponderEliminar
  117. ah, ya te enlace porque lo tuyo es muy bueno espero respuesta, gracias.

    ResponderEliminar
  118. Hola Fernando,

    No te he entendido bien, este rotador de imágenes irá pasando una imagen tras otra y así sucesivamente. Quise verlo en tu blog para saber a qué te referías pero no veo que lo tengas instalado.
    En título sólo pon el título de la imagen, no será ningún enlace, pero si lo prefieres puedes dejar vacía esa parte.

    Saludos y gracias por el enlace.

    ResponderEliminar
  119. Es verdad no está cargado porque lo saqué ya que como te dije me aparece la prim. imagen luego un cuadro vacío, la segundo y otro vacíi y así sucesivamente, es decir siempre en el medio me queda un cuadro sin imagen, y solo puse 2 y aparecían 2 con las fotos y 2 vacíos no se si me explico.
    Gracias desde ya por tu respuesta..

    ResponderEliminar
  120. Si vas a usar sólo 2 imágenes entonces en el código que pegas dentro del HTML/Javascript debes quitar dos líneas como esta:

    <a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>

    Sólo debe haber las que vas a ocupar para tus imágenes, de lo contrario aparecerán esos espacios vacíos.

    Saludos.

    ResponderEliminar
  121. Ok, creo que las había quitado y aparecín igual vacíos y decían título, pero veo que poner aalí, ya que en realidad yo solo quiero imagenes y no texto, si dejo vacío el texto, dejo las comillas y nada mas, o saco todo?
    Gracias por tu ayuda, veo que debés ser programador porque es uno de los bloggs, más completo s y que realmente funcionan de los que encontré hasta ahora..gracias.

    ResponderEliminar
  122. Lo del "Título" no es que aparezca un texto sobre tu imagen, es sólo para que cuando pongas el cursor sobre la imagen aparezca un recuadro con el título de la imagen, en tu caso sí aparecía ese texto porque no había una imagen, pero bueno, puedes eliminar eso quitándo alt="Título" y no saldrá ya nada.

    No soy programador pero me gusta aprender =)
    Saludos!

    ResponderEliminar
  123. ok, muchas gracias lo pruebo hoy en casa y mañana te aviso.
    Gracias de nuevo por tu gentileza un abrazo..
    Lo haces muy bien, lo de aprender digo::..

    ResponderEliminar
  124. Vale Fernando, cualquier inconveniente que tengas me comentas.
    Saludos.

    ResponderEliminar
  125. Disculpame soy Fernando nuevamente ahira lo agregué nuevamente en el blog, y me hace lo mismo que te dije, podés si sos tan amable mirar en que le estoy errando..
    gracias.

    ResponderEliminar
  126. Fíjate en el código, tú lo estás poniendo así:

    <a href="www.elportaldefunes.com"><img border="0" view&current="canal10.jpg" src= http://i699.photobucket.com/albums/vv360/fernando1973/canal10.jpg/ target="_blank" =""/>

    Y debe ser así:

    <a href="http://www.elportaldefunes.com"><img src="http://i699.photobucket.com/albums/vv360/fernando1973/canal10.jpg" target="_blank"/>

    Si te fijas la URL de la imagen debe estar entre comillas y tú no las has puesto.

    ResponderEliminar
  127. Disculpame por favor!! pero fijate lo puse como tu me dices y sigue saliendo sin imagen que pasará, no puedo encontrar otro error, perdoname pero necesito publicar esto..gracias

    ResponderEliminar
  128. Hola Fernando,

    Es que estás poniendo una diagonal al final de la URL de la imagen, quítala y verás que funciona sin problemas.
    Saludos.

    ResponderEliminar
  129. Perdón pero me estoy volviendo loco y te estpoy volviendo loco a Ti pero la quite y no funciona, no encuentro otro error, la verdad no se...

    ResponderEliminar
  130. Sigue teniendo la diagonal al final y es por eso que no se ve la imagen, sustituye el código que tienes en el HTML/Javascript por esto:

    <div id="rotator">
    <a href="www.elportaldefunes.com"><img src="http://i699.photobucket.com/albums/vv360/fernando1973/canal10.jpg" target="_blank"/></a>
    <a href="www.elportaldefunes.com"><img src="http://i699.photobucket.com/albums/vv360/fernando1973/canal10gratis.jpg" target="_blank"/></a></div>

    Cópialo y pégalo tal cual.
    Saludos.

    ResponderEliminar
  131. está amigazo!! lo hemos logrado, pero ahora de las dos que tengo una rota y la otra queda fija, habrá que cambiar algo o agregar algo en la plantilla??
    Gracias.
    Fernando.

    ResponderEliminar
  132. Yo lo veo perfecto, las dos rotan como debería, quizá el efecto se aprecia más cuando se tienen más imágenes.
    Saludos.

    ResponderEliminar
  133. Ok, en mi pc,rota solo la del canal,pero si se ven rotar las dos perfecto solo que pensá que si agrgabas otro debería insertar un código extra. pero veo entonces podemos poner todos los que se quieran sin problemas?
    gracias.
    Abrazo!

    ResponderEliminar
  134. Ahora pienso alomejor no Nos entendemos mirá que puse 2 imagenes la de abajo del bar es la que te digo que no rota??

    ResponderEliminar
  135. Puedes poner tantas imágenes como quieras dentro de UN solo gadget, no dentro de varios gadgets. Poniendo más de uno ya no funciona.

    ResponderEliminar
  136. AH, A ESO ME refería no funcion de ninguna manera? ni cambiando algún codigo o agrgando algo dentro del html?

    ResponderEliminar
  137. Lee el comentario #60, ahí están las indicaciones, aunque rara vez funciona tener más de un rotador de imágenes.
    Saludos.

    ResponderEliminar
  138. Gracias..abrazo grande estamos en contacto..suerte!

    ResponderEliminar
  139. Quisiera que por favor me ayuden, eske kiero colocar un banner cambiante en la cabecera de mi blog y eh buscado en todas partes pero naa porfavor solo kiero saber ke codigo usar muchas gracias este blog esta genial..sigan asi..

    ResponderEliminar
  140. Hola JhansDarkDying,

    En esta entrada está la explicación para poner una cabecera aleatoria:
    http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html

    También puedes usar el código de este post para que no sea al azar sino cambiante, sólo haz los primeros dos pasos de esa entrada y luego en donde pegas el código no uses ese sino el código de este post.

    Saludos.

    ResponderEliminar
  141. hola buenas les dejo mi banner ;)

    url: http://shizumaxnagisa.blogspot.com/

    banner:

    http://i115.photobucket.com/albums/n286/Ritsu_03/Nagisabuttons1.gif

    espero su respuesta ;)... un saludos desde chile ;)
    su banner ya esta en mi blog ;)... gracias hasta luego XD

    ResponderEliminar
  142. Hola ETOILE-SAMA,

    Quizá no leíste al final de esta entrada pero ya no estoy agregando banners.
    Saludos.

    ResponderEliminar
  143. Hola Potro,

    Te envie un correo en respuesta al que recibi ¿Lo recibiste?. Hermano tengo una pregunta que creo no haber leido en los comentarios (ojala, si no me tengo que parar un rato de la compu). Existe alguna forma de que duren un poco mas de tiempo los banners, es decir, es vez de cada 3 seg no se 5 seg o más...

    Gracias y mucho exito para el 2010.

    ResponderEliminar
  144. Hola Giancarlo,

    Recién te acabo de responder al mail =)
    Sí se puede, pero tendrías que editar el script (está en el primer código) y subir el script a tu propio servidor para luego cambiar en el primer código la URL del script.

    Si te animas a hacerlo tienes que localizar (dos veces) en el script esta parte:
    setTimeout(so_xfade,3000)
    Y cambiar el 3000 por el número de milisegundos que quieres.

    Saludos.

    ResponderEliminar
  145. Hola Potro,

    Essstttteeeee bueno creo que con los segudos que tiene esta bien, jajaja. Mejor lo dejo como esta, muchas de las cosas que indicas no las manejo aun.

    Gracias de todas formas por decirme como se hace lo tendre en los pendientes por aprender.

    Nos vemos pronto...

    ResponderEliminar
  146. Jajajaja, creo que lo hice sonar muy complicado, pero bueno, con los tres segundos que tiene creo que son suficientes para la mayoría.

    Saludos!

    ResponderEliminar
  147. holas amigos, intente hacerlo,pero nose porq me queda la imagen fija, si lqguien me puede ayudar le agradeceria :D

    ResponderEliminar
  148. No veo que lo hayas puesto en ninguno de tus blogs.

    ResponderEliminar
  149. hola Potro!

    El banner cambiante me sale bien, pero tengo una pregunta; la imagenes que tengo son de distintas dimensiones y al final la mayoria se deforman hasta ajustarse,

    habria alguna posibilidad para que las imagenes se adecuen sin deformarse?

    me sale un marco negro en el banner, es posible quitarlo o editarlo?

    muchas gracias...un saludo

    ResponderEliminar
  150. Hola Santi Amaro,

    Todas las imágenes deben tener el mismo tamaño para evitar esos inconvenientes.
    El marco negro puedes cambiarlo en esta parte:
    border: 1px solid #000000;

    Si quieres que no salga elimina esa línea.
    Saludos.

    ResponderEliminar
  151. Hola Potro Feliz día,

    Bueno luego de leer los 154 comentarios que hay hasta ahora en esta entrada (para no preguntar si ya estaba la respuesta) jajajaja me duelen los ojos... Te pregunto: ¿Exite alguna forma de que cuando las personas o visitantes hagan clik en cualquier imagen del banner, esta pagina se abra en una ventana a parte? por que se abre en la misma pagina del blog y obviamente el visitante se va del blog...

    Por otro lado leyendo la entrada, al principio dices que no es recomendable "tener un banner cambiante si te tiene muchas imagnes"... (Simplemente por curiosidad) ¿me podrias contar por que opinas eso?... Es por que me llamo la atención ese comentario, a mi me parece muy buena la herramienta, ya que de esta forma se ve un poco más limpio el blog, ¿No crees?... Jejejeje

    Un abrazo y gracias!!!

    ResponderEliminar
  152. Hola Giancarlo,

    Sé que puede ser pesado leer todos los comentarios pero muchas veces ahí está la respuesta, este no es el caso, pero gracias por leerlos primero.
    Para que el enlace del banner se abra en otra ventana pon en el código del enlace el atributo target='_blank' quedaría así:

    href="URL del enlace" target='_blank'

    Respecto a lo que dices de la entrada, no dice "no es de mucha utilidad" sino "nos es de mucha utilidad" :D

    Saludos.

    ResponderEliminar
  153. Hola Potro,

    Claro!!! es pesado leerlos todos, pero igual los leo compradre para asi no repetir. Pero el comentario no te lo hice por mal, si no para bromear, tanto es asi, que fijate: que tenia la vista TAN cansada de leerlos todos que despues de leer fue que lei la entrada como tal y me confundi leyendo jajajaja tienes razon lo que dices es: "nos es de mucha utilidad" jajajaja estaba algo agotado sorry...

    Listo ya implemente lo que me dijiste esta de lugo, así las personas no se van del sitio. Una ultma pregunta: ¿Esta herramientas que da aplica, para todos los link que tengo verdad?, es decir le pongo este atributo a las demás cosas que tengo y debería funcionar igual ¿Correcto?

    Gracias Potro un abrazo!!!

    ResponderEliminar
  154. Yo igual prefiero que los enlaces de otros sitios se abran en otra ventana, así el lector no abandona nuestro blog a menos que él quiera.

    Debe aplicar para todos los enlaces, aunque hay gadgets que tienen sus excepciones y se necesitan manipular de otra forma. Pero en general sí, se usa el mismo código para que se abra en otra ventana.

    En la pestaña Link del menú que está arriba podrás ver algunas entradas con información al respecto.

    Un abrazo.

    ResponderEliminar
  155. Ok voy a revisar la pestaña Link que me informas, cualquier cosa te aviso y quiero aclarar algo: en el comentario anterior quize decir "Cansado" para que no hayan malos entendidos jejeje Xd.

    Saludos y Gracias

    ResponderEliminar
  156. tengo una consulata amigo.. hice todo lo que decias pero no me funciona... solo aparece el unico gif que le puse las otras no aparecen..
    no se a que se debe.
    espero tu ayuda

    ResponderEliminar
  157. Necesitaría saber en cuál blog lo pusiste para ver el código.

    ResponderEliminar
  158. Url:http://musicandparties.blogspot.com/

    Url imagen:http://img708.imageshack.us/img708/8168/dododoododoodo.jpg

    ResponderEliminar
  159. DexMax, quizá no lo leíste pero ya no se agregan más banners.
    Saludos.

    ResponderEliminar
  160. Man pucha q te pasastes con esto , tu blog 100 % bueno , me ha ayudado a full con mi blog , todabia lo sigo armando pero ahi tamos . Suerte con esto eh ^^

    ResponderEliminar
  161. Te agradezco mucho tu comentario :)

    ResponderEliminar
  162. hey muy bueno pero lo que quiero es poder subir mi banner hecho en After Effects que esta en .FLV y no se como excatamente... te agradeceria si me colaboras...

    Salu2

    http://atiiempo.blogspot.com/

    ResponderEliminar
  163. Hola Potro! segunda vez que te molesto, imagìnate que he tratado de poner esto de los banner rotativos y ningùn truco me ha funcionado, lo intento en otro blog de prueba y si funciona, será algún código malevolo en mi plantilla? jajajaja, ya elimine un pedacito que me recomendaste en uno de los post estos días y ahora no sé que pase...la idea es ponerlo entre la cabecera y el post destacado...m da miedo eliminar codigos al azar sin saber...gracias por tu ayuda! un saludo!

    http://www.blogdiabeticotipo1.blogspot.com

    ResponderEliminar
  164. potro:te felicito por tu pagina...tengo un blog y necesito colocar un gadget para que los visitantes me agregen en sus favoritos donde puedo consequir uno chulo (ie y firefox)
    saludos y gracias .
    candido.

    ResponderEliminar
  165. Carolina Zárate, no veo que tengas el último código en la plantilla, necesitaría verlo puesto para revisar si está bien colocado todo y determinar si se trata de otro script el que causa el conflicto o no.

    CANDIDO MARCANO C., gracias por tu comentario, en esta entrada encontrarás el código que buscas.

    ResponderEliminar
  166. Listo Potro, subí unas imágenes de prueba, pero no rotan, creo que el código esta bien porque he probado en otra plantilla y funciona!....pero igual en ambos queda la imagen sobre el logo :S....como lo ves????...gracias por tu tiempo! (eres un genio!!!) www.blogdiabeticotipo1.blogspot.com

    ResponderEliminar
  167. Pues al parecer sí es otro script que tienes que interfiere con la función de este, pero no logro dar con él.
    ¿Has probado con este otro?

    ResponderEliminar
  168. Lo estoy probando y se ven las dos imágenes una debajo de la otra....gracias por ayudarme!!!!!...creo que lo he probado todo! :(...estoy por darme por vencida!

    ResponderEliminar
  169. Desconozco qué más pueda ser, tal vez la plantilla :\

    ResponderEliminar
  170. Si seguro es eso, optaré por dejar la imagen estática...agradezco tu ayuda! seguiré merodeando por aquí, ya te lo han dicho pero igual lo repito, tienes unos tips excelentes! saludos y te escribiré en una próxima!! :)

    ResponderEliminar
  171. Hola Potro! Tengo un banner cambiante de imagenes con link a las entradas colocado en el sidebar, pero lo que quiero ahora es que ocupe el espacio de las entradas, así que me he creado una entrada con este banner, lo he agrandado y he quitado el que tenía en la sidebar.

    De forma que el banner sea la entrada principal y en la sidebar solamente enlaces y páginas. Pero cuando coloco el banner en la primera y única entrada, va cambiando de imagen pero cada imagen se va cortando un poco más hacia abajo hasta desaparecer completamente, es como si cada imagen bajara una linea. Espero haberme explicado y que puedas ayudarme, gracias y un saludo.

    ResponderEliminar
  172. Podrías probar ponerlo en un elemento HTML/Javascript y luego arrastrarlo hasta arriba de las entradas, probablemente ahí no tengas problema.

    Saludos.

    ResponderEliminar
  173. Hola, si efectivamente no tengo problema de esa forma, pero de esta manera el banner me sale siempre, como puedo hacerlo desaparecer para que no salga con cada entrada?
    muchas gracias..saludos...

    ResponderEliminar
  174. En esta entrada se explica cómo hacer para que los gadgets se muestren sólo en la portada.

    Saludos.

    ResponderEliminar
  175. Hola Potro:

    He utilizado el rotador de banners para mostrar 3 imagenes con un tamaño parecido. Primero, ¿Podria el cambio durar más de 3 segundos? Segundo, ¿Podria ajustar el tamaño de cada imagen des de el HTML/Javascript cuando añado un gadget. Me gustaría que cada imagen se visualizase con su tamaño.

    Recibe un cordial saludo.

    ResponderEliminar
  176. Hola ESQUADRA ALADINS,

    En el comentario #148 podrás ver las indicaciones para cambiar el tiempo entre cada imagen.

    Dentro de los códigos que se ponen ya están definidas las medidas de cada imagen:

    #rotator img {
    border: 0;
    width: 430px;
    height: 60px;


    Es por eso que se recomienda que todas las imágenes tengan ese tamaño, porque de no tenerlas se ajustarán a esa medida y podrían verse mal.
    Sin embargo no es posible que cada una adopte un tamaño distinto, ya que el contenedor tiene medidas definidas.

    Saludos.

    ResponderEliminar
  177. Hola Potro:

    Donde podria descargar el script para editarlo? No lo he hecho nunca pero creo que no será dificil localizar dos lineas i cambiar los milisegundos. Hara falta algun programa? Con el alojamiento no tengo problema lo puedo dejar en Dropbox.

    Mil gracias.

    ResponderEliminar
  178. Sólo copia esta dirección en la barra de direcciones de tu navegador:
    http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/xfade2.js

    Ahí verás todos los códigos del script, copia todo y pegalo en Word Pad, ahí editalo y luego guardalo como xfade2.js te aparecerá un mensaje de advertencia, le das aceptar.
    Una vez que hagas esto ya tendrás guardado el archivo en formato de Javascript, ya sólo súbelo al hosting (Dropbox está bien) y remplaza la URL que está en el primer código que se menciona en esta entrada, por la URL de tu archivo que subiste.

    Saludos.

    ResponderEliminar
  179. Hola Potro aquí ando otra vez molestando... Resulta que puse este banner cambiante cuando creé mi nuevo blog, ha estado funcionando perfectamente pero ahora me dio por mirarlo y vi que dejo de rotar, sólo muestra la primera imagen. He probado a quitar las librerías javascript dejando solamente xfade2.js, quitando los estilos CSS del resto de códigos que inserté manteniendo únicamente éste del rotador, en fin, de verdad que no se cuál es el problema, tal vez sea incompatibilidad, la verdad que ahora mismo ni idea de que puede ser porque probé de todo.

    Si puedes echarme un cable y sabrías decirme dónde está el problema me vendría de escándalo sinceramente. Saludos fenómeno!

    ResponderEliminar
  180. Bueno lo conseguí!, era un gadget que tenía en la rsidebar, ese que muestra las entradas recientes con imagen en miniatura. Hay incompatibilidad entre ambos scripts, entre recentposts_thumbnail.js y xfade2.js. Dejo el enlace a una de las miles de entradas que hay por la red en la que explican el gadget que genera conflictos con este banner cambiante, por si a alguien no le va este rotador y tiene este otro gadget, ya sabe qué quitar:

    ENTRADAS RECIENTES CON IMAGEN EN MINIATURA

    Saludos y gracias por tu paciencia Potro

    ResponderEliminar
  181. Gracias por compartir la solución al problema :)

    ResponderEliminar
  182. Las gracias a los curas Potro jaja, qué menos que dar una posible solución por estos lares, si no fuese por los tips que compartes no sabría de la existencia de tantos tips como hay. Un saludo fenómeno.

    ResponderEliminar
  183. Interezante lo voy a probar para ver como queda en mi Blog! :D

    ResponderEliminar
  184. Hola! Antes de nada agradeceros este post porque andaba buscando mucho una solución para esto y habéis dado en el clavo. Solo tengo un problema: en determinadas páginas (por ejemplo http://www.videodegatos.com) me pasa que primero se cargan todos los banners uno encima de otro y después se van ocultando y cuando ya queda uno solo empieza a rotar normalmente. Sin embargo en otra pagina (por ejemplo http://www.videodecamiones.com) funciona perfectamente. ¿Sabéis por qué puede ser esto? Gracias!

    ResponderEliminar
  185. Hola Ruben,

    Eso tiene que ver con la velocidad de carga de tu blog, la cantidad de elementos que tengas en él, y lo pesadas que puedan ser las imágenes.
    Sin embargo una forma de agilizar un poco el banner cambiante es poner el primer código después de <head>

    ResponderEliminar
  186. Lo he puesto donde dices pero no se nota casi la diferencia. Supongo que es porque esta pagina tiene más cosillas que tienen que arrancar al inicio que las otras. Pero gracias por tu ayuda. Un saludo!

    ResponderEliminar
  187. Seguramente es eso, que carga antes otros elementos y no le da prioridad al banner cambiante.

    ResponderEliminar
  188. Hola, Potro. Hace un tiempo implementé este truco que nos enseñaste aquí. No lo puse como gadget, sino como parte del primer post, con imágenes de bienvenida al blog. E utilicé imágenes más grandes que el listón de banner, adaptando el tamaño estipulado.
    El asunto es que me funcinó perfectamente por unos días, pero después, ya nunca más funcionó como banner cambiante, sino que solo se queda estático en la primera imagen. Y por mucho que revisé y revisé, no encuentro ningún error ni tampoco le he cambiado nada al código. Supongo que algún otro código en mi plantilla estará chocando con ese script. No sé.
    Pero el asunto que te quiero consultar aquí es acerca de otra alternativa que encontré, la cual me ha trabajado perfectamente:
    Lo que hice es reemplazar mi banner cambiante por un archivo gif que hiciera el mismo trabajo, con imágenes a mi gusto, que elaboré en GifMake.com, el cual coloqué en el primer post diferente, como bienvenida. Y me sigue funcionando sin ningún problema.
    Pero lo que no comprendo es esto: hasta donde tengo entendido, la plataforma blogger no soporta o no presenta archivos gif, al punto en que tenemos que poner estos gif en otro servidor para que se vean en movimiento. Pero en mi caso, solo por probar, yo puse en la entrada ese archivo gif que hice, subiéndolo al blog como cualquier otra imagen, mediante el ícono para subir imágenes. Y lo extraño es que funciona bien, como gif; pero no entiendo por qué.
    Quisiera que me explicaras, porfa, si es que ahora Blogger sí soporta archivos gif. También quisiera saber si eso de que mi gif se vea correctamente (aún estando posteado solo en blogger) tiene que ver con el navegador de internet (uso el IE) o no sé. Te pregunto esto porque no sé si se verá igual, como gif, en otros navegadores. O si me recomiendas que mejor suba ese gif a otro servidor y luego lo ponga en la entrada. Pero al menos, en mi pc se ve perfectamente.
    Gracias por tu tiempo y tu orientación.

    ResponderEliminar
  189. Hola, Potro. Hace un tiempo implementé este truco que nos enseñaste aquí. No lo puse como gadget, sino como parte del primer post, con imágenes de bienvenida al blog. E utilicé imágenes más grandes que el listón de banner, adaptando el tamaño estipulado.
    El asunto es que me funcinó perfectamente por unos días, pero después, ya nunca más funcionó como banner cambiante, sino que solo se queda estático en la primera imagen. Y por mucho que revisé y revisé, no encontré ningún error ni tampoco cambié más nada en el código. Supongo que algún otro código en mi plantilla estará chocando con ese script. No sé.
    Pero el asunto que te quiero consultar aquí es acerca de otra alternativa que encontré, la cual me ha trabajado perfectamente:
    Lo que hice es reemplar mi banner cambiante por un archivo gif, que hiciera la misma función, con imágenes a mi gusto, el cual elaboré en GifMake.com, y lo coloqué en el primer post diferente, como bienvenida. Y me sigue funcionando sin ningún problema.
    Pero lo que no comprendo es esto: hasta donde tengo entendido, la plataforma blogger no soporta o no presenta archivos gif, al punto en que tenemos que poner estos gif en otro servidor para que se vean en movimiento. Pero en mi caso, solo por probar, yo puse en la entrada ese archivo gif que hice, subiéndolo al blog como cualquier otra imagen, mediante el ícono para subir imágenes. Y lo extraño es que funciona bien, como gif; pero no entiendo por qué. Y no es que yo haya puesto algún código extra que me diera la página de GifMake, sino que solo subí el gif al post, como cualquier otra imagen.
    Quisiera que me explicaras, porfa, si es que ahora Blogger sí soporta archivos gif. También quisiera saber si eso de que mi gif se vea correctamente (aún estando posteado solo en blogger) tiene que ver con el navegador de internet (uso el IE) o no sé. Te pregunto esto porque no sé si se verá igual, como gif, en otros navegadores. O si me recomiendas que mejor suba ese gif a otro servidor y luego lo ponga en la entrada. Pero al menos, en mi pc se muestra perfectamente.
    Gracias por tu tiempo y tu orientación.

    ResponderEliminar
  190. Hola Vicky,

    Efectivamente hace tiempo Blogger no aceptaba las imágenes en formato GIF cuando éstas eran animadas por lo que cuando se subían (o se suben) pierden su formato y se convierten a PNG, la razón es que Picasa no aceptaba esos formatos de imagen.
    Sin embargo desde que Blogger cambió e hizo actualizaciones a su editor de entradas hay una manera posible de que las imágenes GIF no pierdan su animación.

    El secreto está en que en el código de la imagen que nos dé, debemos tomar sólo la URL de la imagen que es más grande.
    No sé si recuerdas o te has fijado, que usualmente Blogger nos da en el código 2 URLs, una es la imagen en miniatura, y otra es la imagen grande que contiene un enlace para verla en otra pestaña.
    Pues bien, esa imagen grande es la que necesitamos para que la animación pueda verse.

    La URL de la imagen grande es algo como esto:
    http://......./s1600/foto1.gif

    Si miras en la URL verás que hay un indicador que la medida de la foto es de 1600 pixeles. Esa es la imagen grande que necesitamos para conservar la animación de la imagen en formato GIF.

    Saludos.

    ResponderEliminar
  191. Hola, Potro! (Primero, disculpa que el comentario anterior se me publicó dos veces, por error).
    Sí, en efecto, ya me había fijado antes que el primer código de cada imagen con su url es la que nos la muestra en grande; y el segundo es para determinar cómo se verá en la entrada.
    Acabo de revisar estos códigos de la imagen en mi entrada y veo que aparecen los dos; yo no quité ninguno de ellos. Eso quedó tal como los puso blogger automáticamente ,cuando subí el archivo gif desde mi pc, como cualquier otra imagen en la entrada. Las dos url son iguales y ambas tienen eso de "1600/foto1.gif". ¿Será por eso que se muestran correctamente, porque las dos url son iguales y tienen eso que dijiste acerca de los 1600 px? No sé.
    La imagen se comporta en el post como gif; y cuando se hace clik sobre ella, también se comporta como gif. Y en ambos casos, se muestra del mismo tamaño.
    Entonces, si es así, ¿puedo dejarlo tal como está ahora, y cualquier visitante siempre lo verá como gif sin ningún problema?
    Gracias Potro, por tus explicaciones y tu paciencia de siempre.
    Ah, y quizás ese sería un buen tema para un futuro post acerca de ese truco que me explicaste de cómo hacer para que los gif sigan funcionando. Sería muy útil que lo enseñaras a los ciudadanos, pues supongo que hay muchos que no lo saben (como yo tampoco lo sabía).
    Gracias y muchos saludos!

    ResponderEliminar
  192. Sí, es por eso que se muestra sin ningún problema porque al subirla ha tomado de medida el tamaño original.
    Puedes dejarlo como está, o utilizar la imagen sin enlace, funcionará de cualquier forma.

    ¡Saludos!

    ResponderEliminar
  193. Hola buenos dias guapeton, mira mi consulta es si se puede hacer que al hacer clic en el banner se habra la pagina de enlace en otra ventana?

    Muchas gracias, y Felices Fietas =)

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger