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:
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
----------------------------------------------- */
#rotator {
border: 1px solid #000000;
overflow: hidden;
margin: 0px ;
padding:2px;
position: relative;
width: 430px;
height: 60px;
}
#rotator img {
width: 430px;
height: 60px;
border: 0;
margin: 0;
padding: 0;
}
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.
En color azul se indica el tiempo en milisegundos que tarda en cambiar cada banner, se puede modificar por otro valor.
Hola amigo gracias por todo bueno aqui estan mis datos y como no te voy a enlazar tambien.
ResponderEliminarDireccion: http://blogrevistaonline.blogspot.com/
Direccion Imagen:http://img4.imageshack.us/img4/1869/revistaonlinebaner.jpg
Listo Alejandro, ya está agregado tu banner. Saludos.
ResponderEliminarHola, 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:
ResponderEliminarhttp://i640.photobucket.com/albums/uu124/angelesp_2009/banner4682copia.png
Mi dirección del blog:
www.tecnologiaparalosquenosabemos.blogspot.com/
Hola Ángel, ya está tu banner.
ResponderEliminarSaludos.
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.
ResponderEliminarBueno 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!
Hola Turko,
ResponderEliminarGracias por pasar por acá, eres bienvenido las veces que sean. Ya está listo tu banner.
Saludos.
De verdad que esta herramienta es muy util, te agradezco por el dato.
ResponderEliminarPor nada Ángel, es buenisimo, así no llenamos el blog con banners por todos lados. Saludos.
ResponderEliminarBuenas, aqui te dejo mi banner:
ResponderEliminarhttp://areaphotoshop.com/wp-content/uploads/mini-banners/Banner-2-Area-Photoshop.png
Enlazalo a: http://areaphotoshop.com/
Desde ya muchas gracias.
Hola Gonzalo, ya está puesto tu banner. Saludos.
ResponderEliminarHola
ResponderEliminarYo 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.
Hola Gonzalo,
ResponderEliminarEn 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.
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...
ResponderEliminargracias y saludos
Ps. si sale algo me avisas...
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 =)
ResponderEliminarYa 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
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.
ResponderEliminarUn abrazo!
Estoy de acuerdo, habrá que idear algo para premiar.
ResponderEliminarSaludos.
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...
ResponderEliminargracias y saludos
Hola WeS,
ResponderEliminarEn 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
muchas gracias !! pondre esto en mi blog en cuanto tenga tiempo
ResponderEliminarsaludos !!
Hola como estas! Quiero enlazarme contigo.
ResponderEliminarNecesito 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.
Hola Colombian.tv
ResponderEliminarEl 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.
Hola, estaría bueno que enlazemos nuestros blogs.
ResponderEliminarMi 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 !
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.
ResponderEliminarSaludos.
Hola amigo: Con tu ayuda he ido haciendo cada día mas atractivo mi Blog:
ResponderEliminarhttp://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
Hola Ricardo Ribalda,
ResponderEliminarMuchas 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.
Muchas gracias. Ha quedado muy bien en el borrador de prueba, en el próximo post ya lo aplicaré.
ResponderEliminarAcabo igualmente de enlazarte, creo que tu web será de gran ayuda para nuestros seguidores del blog.
Saludos.
Hola Ricardo, qué bueno que te ha servido. Gracias por el enlace. Cualquier cosa que necesites estoy a tus órdenes.
ResponderEliminarSaludos.
"El Potro".
ResponderEliminarHice 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.-
Hola Jpz,
ResponderEliminarPara 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.
Gracias potro.
ResponderEliminarExcelente!
Me has ayudado a darle un poco de "vida" a mi blog con todos tus comentarios.
Saludos.-
Hola Jpz,
ResponderEliminarMe da gusto saber que el blog te ha sido de ayuda.
Saludos.
Me encantaría agregar un banner de Ciudad Blogger en mi blog.
ResponderEliminarPorque no me envías uno (468x60).
jparrazuniga@gmail.com
Gracias.-
Hola Potro.
ResponderEliminarTodo 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.-
Hola Jpz,
ResponderEliminarGracias 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.
Gracias...
ResponderEliminarPara mi has sido un gran aporte.
Acertivo total.
Grande Potro y, gracias nuevamente.
Envíame tu banner.
Saludos.
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
ResponderEliminarHola TANUK, muchas gracias por tus comentarios y eres bienvenido todas las veces que quieras.
ResponderEliminar¿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.
amigo gracias por responderme tan rapido,si ya tengo mi banner en swf en mi pc
ResponderEliminarHola TANUK,
ResponderEliminarEntonces 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.
un exito.... mil gracias no tienes idea lo que trate de hacerlo quedo genial, los banner que tu haces los trabajas con flash cs3?
ResponderEliminarQué más quisiera, con trabajo sé usar Photoshop, jaja, alguna vez intenté usar todos los programas de la suite CS3 pero no di una.
ResponderEliminarQué bueno que has podido poner tu banner.
Cualquier cosa estoy a tus órdenes.
Un saludo.
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
ResponderEliminarayudame por favor
nota: puse el codigo tal y como me indicaste , los subi al servidor nose que hacer
Hola TANUK,
ResponderEliminarVeo 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.
nada si se lo quito no se ni en mi pagina ayyyyy ya me duele la cabeza
ResponderEliminarjejeje voy a seguir intentando si quieres ver mi pagina http://tanukcr.blogspot.com/
talvez tu si encuentres una solucion
Hola TANUK,
ResponderEliminarLa 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.
resuelto.... mil gracias amigo me has ayudado mucho
ResponderEliminarQué bien te ha quedado, veo que eres un master del diseño.
ResponderEliminarSaludos.
amigo muchas gracias, pero en realidad el maestro sos vos, mas bien si en algo te puedo ayudar con mucho gusto estamos para servirte.
ResponderEliminary que me doy cuenta que mi banner ya no sta....XD seguro por eso ya no tengo tantas visitas....XD verdad potro?
ResponderEliminarXD
ntc...
saludos
Ps. estaria bien otro mesecillo no?
jaja bueno si se puede...
gracias
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.
ResponderEliminarAhora mismo lo pongo.
Saludos.
gracias potro !
ResponderEliminarmuchas 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
Yo igual espero lo mismo.
ResponderEliminar=)
Saludos.
Que tal Potro!.
ResponderEliminarTengo 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.-
Hola Jpz,
ResponderEliminarYo 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.
Potro.
ResponderEliminarNo me resulta!!!!.
Creo que hay que modificar algo en plantilla. Será eso?.
Ayudame por favor.
Saludos.
Jpz.-
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.
ResponderEliminarSaludos.
Potro.Soy un gran admirador tuyo...
ResponderEliminaryo 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/
Hola HP muggle,
ResponderEliminarGracias 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.
Que tal Potro!
ResponderEliminarNuevamente una consulta:
Que tengo que hacer para tener, en 2 ó más gadgets diferentes, un banner cambiante?.
Que sean independientes.
Saludos.-
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.
ResponderEliminarPero 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.
Potro, no se si podrias actualizar mi banner para que aparezca en tu web, los datos son los mismos:
ResponderEliminarhttp://i640.photobucket.com/albums/uu124/angelesp_2009/banner4682copia.png
Mi dirección del blog:
www.tecnologiaparalosquenosabemos.blogspot.com/
Saludos y gracias
Listo Angel, ya está.
ResponderEliminarSaludos.
Que tal Potro.
ResponderEliminarEstoy 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.-
Hola Jpz,
ResponderEliminarTe tomo la palabra, en un momento más te envío los banners a tu correo.
¡Muchas gracias!
Hola potro...Como ya dijisteal comienzo de publicar esta entrada:
ResponderEliminartu 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/
Hola HP muggle,
ResponderEliminarQué 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.
Me encantaría tener un banner en tu blog.
ResponderEliminarLo malo es que soy cero (a la izquierda) para el diseño.
¿Me harías uno?.
Saludos Potro.
Jpz.-
Claro Jpz ¿tienes algún logo hecho? ¿es para musicajpz?
ResponderEliminarPotro:
ResponderEliminarNo 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.-
Hola Jpz,
ResponderEliminarNo sé qué idea tengas en mente, hice este, no sé si quieras que le haga algún cambio.
Saludos.
Gracias Potro.
ResponderEliminarEstá 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.-
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.
ResponderEliminarSaludos Potro.
Jpz.-
Hola Jpz,
ResponderEliminarQué 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.
Vale Potro!.
ResponderEliminarSaludos y gracias.
Jpz.-
Ya puse mi banner cambiante en mi plantilla de mi blog, muy buen tuto :)!
ResponderEliminara aprovechando que hice un banner recien con el photoshop xD
Url: http://www.videosfeed.blogspot.com/
Banner: http://i41.tinypic.com/j9txcn.png
Saludos!
Listo Mathias,
ResponderEliminarYa está puesto. En un mes me comentas si quieres que se siga publicando.
Saludos.
Hola Potro
ResponderEliminarme 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
Hola Jorge,
ResponderEliminarCon 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.
Hola potro, te lo envie a tu mail y no se si te llegó la imagen para el banner
ResponderEliminarGracias
Jorge
www.elblogdechica.co.cc
Hola Jorge,
ResponderEliminarNo me llegó =(
Bueno este es mi banner
ResponderEliminarUrl:
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
Hola el venado,
ResponderEliminarYa está publicado el banner. En un mes me comentas si quieres que se siga publicando.
Saludos.
Hola amigo que tal me gustaria a ver si usted me podria hacer un banner con un diseño simple para mi blog.
ResponderEliminarhttp://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
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
ResponderEliminary aki esta mi banner http://img43.imageshack.us/img43/3525/bannermarckfire.jpg
y acá mi blog http://marckfire.blogspot.com échenle un vistazo
Hola DarkSpace,
ResponderEliminarYa te he mandado por correo el diseño del banner para que me des tu opinión.
Saludos.
Hola TheDeadboy,
ResponderEliminarYa 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.
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.
ResponderEliminarGracias...
Hola DarkSpace,
ResponderEliminarEl 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.
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 !!!!!
ResponderEliminarHola Carol Cullen,
ResponderEliminar¿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.
Listo Carol, el banner estará publicado un mes.
ResponderEliminarSaludos.
Hola Potro bueno pues creo que hace pocos dias se me olvido mencionarte que cambie de link yo no es:
ResponderEliminarhpmuggleperu.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
Hola HP muggle,
ResponderEliminarYa 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.
Potro muchas gracias por la recomendación.
ResponderEliminarme 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
Listo, disculpa por el error.
ResponderEliminarSaludos.
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:
ResponderEliminarURL del blog-> http://chiclinporsiempre.blogspot.com
URL imagen-> http://i787.photobucket.com/albums/yy155/giancarloandres/banner_cristo-rey468x60.jpg
Gracias.
Hola Andres-Vb,
ResponderEliminarLa 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.
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!
ResponderEliminarHecho!
ResponderEliminar=)
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
ResponderEliminarHola Infinity Inc.
ResponderEliminarLa 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.
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
ResponderEliminarunrealmat.blogspot.com
Hola Unrealmat,
ResponderEliminarEl 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.
Hola me gustaría que agregases mi web de http://www.elgatodeltrastero.com
ResponderEliminarEl banner es: http://img25.imageshack.us/img25/7704/bannergato.jpg
Muchas gracias, yo también te enlazo.
Un saludo
Hola J.Rodriguez,
ResponderEliminarYa está puesto tu banner, en un mes me comentas si deseas que se siga publicando.
Saludos.
Hola Potro:
ResponderEliminarCreo que ya ha pasado más de un mes con mi banner. Que siga otro más!.
Saludos.
Jpz.-
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:
ResponderEliminarEs 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
Jpz,
ResponderEliminarListo 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.
Ok creo si ya la meti gracias espero se te vea Bueno gracias
ResponderEliminarhttps://dl.getdropbox.com/u/1674499/Banner1-1.jpg
Ahora sí. Ya cambié el banner.
ResponderEliminarSaludos.
Potro Gracias por avisar:D.
ResponderEliminarTe quiero dar las gracias por aver promocionado mi blog y a muchos durante mucho tiempo...
Chau ,suerte...
Hola HP muggle,
ResponderEliminarPor nada, ya después habilitaré de nuevo el banner para poder seguirlos promocionando o algo más se me ocurrirá.
Saludos.
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.
ResponderEliminar¿que puedo hacer para colocar multiples banner cambiantes en mi blog o sea al menos un banner cambiante por cada gagget?
saludos!!
Hola HG,
ResponderEliminarLee 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.
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?
ResponderEliminarHola xmileycyrus,
ResponderEliminarEl código que va dentro del elemento HTML/Javascript enciérralo entre <center> y </center>
Con eso se alineará al centro.
Saludos!
muchas gracias fue de mucha ayuda bye cuidate :)
ResponderEliminarque mal que ya no anuncies loco decepcionante
ResponderEliminarHola slandgkearth,
ResponderEliminarLamento decepcionarte pero el banner sólo era temporal.
Saludos.
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.
ResponderEliminarah, ya te enlace porque lo tuyo es muy bueno espero respuesta, gracias.
ResponderEliminarHola Fernando,
ResponderEliminarNo 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.
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.
ResponderEliminarGracias desde ya por tu respuesta..
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:
ResponderEliminar<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.
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?
ResponderEliminarGracias 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.
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.
ResponderEliminarNo soy programador pero me gusta aprender =)
Saludos!
ok, muchas gracias lo pruebo hoy en casa y mañana te aviso.
ResponderEliminarGracias de nuevo por tu gentileza un abrazo..
Lo haces muy bien, lo de aprender digo::..
Vale Fernando, cualquier inconveniente que tengas me comentas.
ResponderEliminarSaludos.
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..
ResponderEliminargracias.
Fíjate en el código, tú lo estás poniendo así:
ResponderEliminar<a href="www.elportaldefunes.com"><img border="0" view¤t="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.
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
ResponderEliminarHola Fernando,
ResponderEliminarEs que estás poniendo una diagonal al final de la URL de la imagen, quítala y verás que funciona sin problemas.
Saludos.
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...
ResponderEliminarSigue 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:
ResponderEliminar<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.
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??
ResponderEliminarGracias.
Fernando.
Yo lo veo perfecto, las dos rotan como debería, quizá el efecto se aprecia más cuando se tienen más imágenes.
ResponderEliminarSaludos.
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?
ResponderEliminargracias.
Abrazo!
Ahora pienso alomejor no Nos entendemos mirá que puse 2 imagenes la de abajo del bar es la que te digo que no rota??
ResponderEliminarPuedes poner tantas imágenes como quieras dentro de UN solo gadget, no dentro de varios gadgets. Poniendo más de uno ya no funciona.
ResponderEliminarAH, A ESO ME refería no funcion de ninguna manera? ni cambiando algún codigo o agrgando algo dentro del html?
ResponderEliminarLee el comentario #60, ahí están las indicaciones, aunque rara vez funciona tener más de un rotador de imágenes.
ResponderEliminarSaludos.
Gracias..abrazo grande estamos en contacto..suerte!
ResponderEliminarQuisiera 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..
ResponderEliminarHola JhansDarkDying,
ResponderEliminarEn 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.
hola buenas les dejo mi banner ;)
ResponderEliminarurl: 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
Hola ETOILE-SAMA,
ResponderEliminarQuizá no leíste al final de esta entrada pero ya no estoy agregando banners.
Saludos.
Hola Potro,
ResponderEliminarTe 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.
Hola Giancarlo,
ResponderEliminarRecié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.
Hola Potro,
ResponderEliminarEssstttteeeee 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...
Jajajaja, creo que lo hice sonar muy complicado, pero bueno, con los tres segundos que tiene creo que son suficientes para la mayoría.
ResponderEliminarSaludos!
holas amigos, intente hacerlo,pero nose porq me queda la imagen fija, si lqguien me puede ayudar le agradeceria :D
ResponderEliminarNo veo que lo hayas puesto en ninguno de tus blogs.
ResponderEliminarhola Potro!
ResponderEliminarEl 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
Hola Santi Amaro,
ResponderEliminarTodas 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.
Hola Potro Feliz día,
ResponderEliminarBueno 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!!!
Hola Giancarlo,
ResponderEliminarSé 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.
Hola Potro,
ResponderEliminarClaro!!! 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!!!
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.
ResponderEliminarDebe 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.
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.
ResponderEliminarSaludos y Gracias
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..
ResponderEliminarno se a que se debe.
espero tu ayuda
Necesitaría saber en cuál blog lo pusiste para ver el código.
ResponderEliminarUrl:http://musicandparties.blogspot.com/
ResponderEliminarUrl imagen:http://img708.imageshack.us/img708/8168/dododoododoodo.jpg
DexMax, quizá no lo leíste pero ya no se agregan más banners.
ResponderEliminarSaludos.
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 ^^
ResponderEliminarTe agradezco mucho tu comentario :)
ResponderEliminarhey 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...
ResponderEliminarSalu2
http://atiiempo.blogspot.com/
Mira esta entrada.
ResponderEliminarHola 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!
ResponderEliminarhttp://www.blogdiabeticotipo1.blogspot.com
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)
ResponderEliminarsaludos y gracias .
candido.
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.
ResponderEliminarCANDIDO MARCANO C., gracias por tu comentario, en esta entrada encontrarás el código que buscas.
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
ResponderEliminarPues al parecer sí es otro script que tienes que interfiere con la función de este, pero no logro dar con él.
ResponderEliminar¿Has probado con este otro?
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!
ResponderEliminarDesconozco qué más pueda ser, tal vez la plantilla :\
ResponderEliminarSi 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!! :)
ResponderEliminarHola 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.
ResponderEliminarDe 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.
Podrías probar ponerlo en un elemento HTML/Javascript y luego arrastrarlo hasta arriba de las entradas, probablemente ahí no tengas problema.
ResponderEliminarSaludos.
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?
ResponderEliminarmuchas gracias..saludos...
En esta entrada se explica cómo hacer para que los gadgets se muestren sólo en la portada.
ResponderEliminarSaludos.
Hola Potro:
ResponderEliminarHe 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.
Hola ESQUADRA ALADINS,
ResponderEliminarEn 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.
Hola Potro:
ResponderEliminarDonde 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.
Sólo copia esta dirección en la barra de direcciones de tu navegador:
ResponderEliminarhttp://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.
Una vez más, GRACIAS.
ResponderEliminarHola 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.
ResponderEliminarSi puedes echarme un cable y sabrías decirme dónde está el problema me vendría de escándalo sinceramente. Saludos fenómeno!
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:
ResponderEliminarENTRADAS RECIENTES CON IMAGEN EN MINIATURA
Saludos y gracias por tu paciencia Potro
Gracias por compartir la solución al problema :)
ResponderEliminarLas 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.
ResponderEliminarInterezante lo voy a probar para ver como queda en mi Blog! :D
ResponderEliminarHola! 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!
ResponderEliminarHola Ruben,
ResponderEliminarEso 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>
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!
ResponderEliminarSeguramente es eso, que carga antes otros elementos y no le da prioridad al banner cambiante.
ResponderEliminarHola, 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.
ResponderEliminarEl 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.
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.
ResponderEliminarEl 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.
Hola Vicky,
ResponderEliminarEfectivamente 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.
Hola, Potro! (Primero, disculpa que el comentario anterior se me publicó dos veces, por error).
ResponderEliminarSí, 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!
Sí, es por eso que se muestra sin ningún problema porque al subirla ha tomado de medida el tamaño original.
ResponderEliminarPuedes dejarlo como está, o utilizar la imagen sin enlace, funcionará de cualquier forma.
¡Saludos!
Gracias por todo y hasta luego!
ResponderEliminarHola 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?
ResponderEliminarMuchas gracias, y Felices Fietas =)