
S3Slider es una galería de imágenes para mostrar contenido destacado del blog. Quedan perfectos para los blogs tipo revista y sólo requiere de JQuery y S3Slider.
Puedes ver un ejemplo en este blog de pruebas.
Para ponerlo en tu blog sigue estos pasos:
- Descarga este archivo, descomprímelo y el archivo S3Slider.js súbelo a un hosting.
- Entra en Diseño > Edición de HTML y pega antes de </head> lo siguiente:
- Cambia lo que está en color verde por la URL del archivo que descargaste y subiste previamente.
- Ahora antes de ]]></b:skin> pega lo siguiente:
- Por último en un elemento HTML/Javascript pega esto:
- Ya sólo cambia la URL de la entrada y de la imagen que será la que se muestre en el slide.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/> <script src='URL del archivo s3Slider.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('#slider').s3Slider({ timeOut: 3000 }); }); </script>
/* S3Slider ----------------------------------------------- */ #slider { width: 550px; /* Ancho del gadget */ height: 300px; /* Alto del gadget */ background:#FFF; position: relative; overflow: hidden; margin-bottom:10px; border:1px solid #d7d0c0; } #sliderContent { width: 550px; /* Ancho del gadget */ position: absolute; top: 0; margin: 0; padding:0; } #sliderContent li{ list-style-type:none; } .sliderImage { float: left; position: relative; display: none; } .sliderImage span { position: absolute; font: 11px Arial, Helvetica; /* Tamaño y tipo de letra */ padding: 10px 13px; width: 550px; /* Ancho del gadget */ background-color: #000; /* Color de fondo del texto */ filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; /* Color del texto */ display: none; } .clear {clear: both;} .bottom { bottom: 0; left: 0; } .top { top: 0; left: 0; }
<div id="slider"> <ul id="sliderContent"> <li class="sliderImage"> <a href="URL de la entrada"> <img src="URL de la imagen" /></a> <span class="bottom">Aquí va la descripción de la entrada.</span> </li> <li class="sliderImage"> <a href="URL de la entrada"> <img src="URL de la imagen" /></a> <span class="bottom">Aquí va la descripción de la entrada.</span> </li> <li class="sliderImage"> <a href="URL de la entrada"> <img src="URL de la imagen" /></a> <span class="bottom">Aquí va la descripción de la entrada.</span> </li> <div class="clear sliderImage"></div> </ul> </div>
Si quisieras agregar más imágenes añade este código por cada imagen que quieras poner:
<li class="sliderImage">
<a href="URL de la entrada">
<img src="URL de la imagen" /></a>
<span class="bottom">Aquí va la descripción de la entrada.</span>
</li>
Las imágenes cambian cada tres segundos, si quieres modificar el tiempo entre cada una busca en el primer código donde dice timeOut: 3000 y cambia ese número por otro, por ejemplo en cinco segundos sería timeOut: 5000
En el código que pegamos antes de ]]></b:skin> están las indicaciones de dónde se debe modificar el color del texto, el color de fondo, etc.
Si te das cuenta en el caso del tamaño aparece tres veces, por lo que si cambias el tamaño deberás poner el mismo tamaño en los tres lugares donde se pide.
La descripción de la entrada se muestra en la parte de abajo; si deseas que se muestre en la parte de arriba cambia en el último código donde dice class="bottom" por class="top"
Por último toma en cuenta que este gadget trabaja con JQuery así que si ya tienes Scriptaculous no funcionará.
Es justo lo que necesitaba, pero es una pena que no funcione con Scriptaculous... -.-'
ResponderEliminarComo hace para saber que es el contenido destacado de nuestro blog??? Los mide por comentarios, visitas, etc.??
ResponderEliminarSaludos!!!
El contenido tú lo agregas, es por eso que debes poner la URL de la entrada y la de la imagen que quieres que la describa.
ResponderEliminarExcelente bro... vere si mañana lo agrego ahora no tengo tiempo.
ResponderEliminarSaludos y gracias :D
Hola potro
ResponderEliminarLe atinaste... es justo lo que andaba buscando. Es más, me estaba rompiendo el coco tratando de descifrar estos códigos. Te dejo el link para que veas algunos ejemplos de estos sliders que estaba probando:
http://www.webdeveloperjuice.com/2010/04/22/14-most-sexy-galleries-and-slideshows-usign-javascript-and-css/
Espero que coloques algunos que están buenísimos.
Por ahora voy a seguir tu spot.
Gracias Potro.
Potro: lo acabo de aplicar a mi blog de pruebas y te comento lo siguiente:
ResponderEliminar1. Hay que tener en cuenta que las imagenes deben de tener las mismas dimensiones, cosa que se puedan ver completas y no cortadas.
2. El texto me queda muy pegado al lado derecho(está justificado) cuando trato de reducir las dimensiones.
No es más... y que pena con tanta insistencia con este spot.
Bye.
Claro, como en toda galería dentro de un mismo contenedor las imágenes deben tener el mismo tamaño.
ResponderEliminarRespecto al texto sí olvidé mencionar que en el caso de los párrafos largos deben usarse salto de líneas <br /> entre renglón y renglón para que no se corte.
Saludos.
Está fantástico Bro!!! Por suerte lo publicaste luego que terminé la plantilla nueva. De haberlo hecho antes, seguro hubiese agregado este truco al blog y hubiese dejado lo demás como estaba (de modo iba a cargas mas lento aún XD )
ResponderEliminarCuando decidí cambiar la plantilla me decidí por la que tengo, ya que andaba buscando el Slider, esto le da un toque mas Pro al blog ¿no?
Incluso vi una con un Slider similar al de este post, y me gustó muchísimo, pero tenía el problema que las imágenes que generalmente utilizo en mi blog no tenían esas proporciones, por ello opté por la que estreno hoy.
Ya me imagino, ahora andarán todos los blogs con slider!! jajajajajaja...como siempre que publicas un truco!!
Eres lo mas Bro!! Gracias por todo!!
Un abrazo!!!
El que tú tienes está perfecto para tu plantilla, éste pienso que se adecua mejor en blogs de deportes, noticias o galerías.
ResponderEliminarPero el próximo mes que cambies de plantilla podrás considerar este slider, jaja.
¡Un abrazo!
¡Está muy bien! Solo que yo ya tengo Scriptaculous entonces no me sirve :(
ResponderEliminar¿Hay algo parecido compatible con ésto? Saludos ^^
¿Combinable con los docks?
ResponderEliminarDíme que si...
Julio, para Scriptaculous no hay muchas opciones, ya andan muy escasas.
ResponderEliminarDrawer 4 Everyone, debe ser, ambos usan JQuery, sólo trata de no repetir el archivo jquery.js
Ya habia visto este efecto en plantillas, lo malo que no sabia como hacerlo :P.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarAún tengo que practicar el código de los enlaces :P .El link del Directorio es http://www.directorioblogger.com
ResponderEliminarTodos estan invitados.
HOLA ESTA GENIAL TU POST.. UNA PREGUNTA COMO PUEDO PONERLE "FLECHAS" A LA IZQUIERDA Y A LA DERECHA PARA QUE LOS USUSARIOS DECIDAD CAMBIAR LA IMAGEN POR ELLOS MISMO Y COMO LE PUEDO PONER LINK A LAS IMAGENES?
ResponderEliminarERES ENORME POTRO.... GRACIAS
ResponderEliminarPD: ENCONTRE ESTO OJALA SIRVA Y ME DES MI RECOMPENSA JAJAJAJ http://banakabanaka.blogspot.com/2009/10/utiliza-jquery-scriptaculous.html ES PARA UTILIZAR JQUERY Y SCRIPTACULOUS A LA VEZ EN UN MISMO BLOG SERVIRA?
ResponderEliminarPepeX, ahí está por si un día te animas a ponerlo :)
ResponderEliminarJORGE, aún no he revisado los correos de soporte, luego le echo una mirada ;)
zona lerh, gracias a ti por tu visita.
nEjO, a este no se le pueden agregar las flechas. En el código donde van las imágenes ya está marcado dónde debe ponerse el enlace. Respecto al hack para resolver el conflicto entre esas dos librerías no lo he probado pero ya hace tiempo había leído que no funcionaba en todos los casos.
Hola, oye men, sabes que me aparece tambien cuando abro una entrada, puse los codigos esos de "Condicionales en Bloger" pero nose de donde hasta donde ponerlo y no me resulta :(
ResponderEliminarBueno espero que me respondas Saludos
¿repetirlo donde?
ResponderEliminarsólo aparece l archico jquery.js una vez en toda la plantilla pero no no anda ni aún así.
Me echas un vistazo porfi?
Blog que no anda
MCarlitooH2, las condicionales deben encerrar el código que se explica en el paso #5.
ResponderEliminarDrawer 4 Everyone, repetirlo en la plantilla tal como lo has hecho, revisa tu plantilla y verás que lo has puesto dos veces.
Ups, sorry.
ResponderEliminarEl link bueno
Corregido y arreglado y funciona perfectamente.
ResponderEliminarPor cierto, no se si sabrás responderme, ¿pero para hacer banners es mejor photoshop, fireworks o illustrator?
Lo que hay que ver, ahora esto mas que un post parece un foro.
ResponderEliminarOye, maestro, funciona de lo lindo, pero quisiera ponerlo encima de los post y a la izquierda de los gadgets, ¿que tendría que hacer un servidor?
(siento ser tan pesao, pero temo el liarla...)
Sup POTRO,nomas queria preguntaryte como pongo un banner en mi blog del lado debajo de donde dice,lo que pasa que si hay in gadget para ponerlo,pero pa eso necesito tener una cuenta de adsence en google y me han cancelado varias y ya no tengo,tons kiero poner una mia de el tamanio 468 x 60 creo algo asi,porfavor si me puedes ayudar,gracias de antemano
ResponderEliminarpix donde kiero el banner
MI BLOG DONDE KIERO EL BANNER
Drawer 4 Everyone, sólo arrastra el gadget hasta que quede arriba de las entradas.
ResponderEliminarMicroboy90, esos espacios no son específicamente para Adsense, puedes poner cualquier banner, sólo busca el área donde estaba el anuncio y en su lugar pon el código del banner que quieres.
es que no me deja...
ResponderEliminarTengo para poner arriba y al la derecha, pero no para poner como te digo.
¿que hago?
es que no se puede arrastrar nomas asi,como que hay que poner el widget o el gadget,desde el editor...ya lo intente arrastrarlo pero no deja!! como le harias entonces???
ResponderEliminarDrawer 4 Everyone, aunque no te aparezca la opción de agregar gadget puedes arrastrarlo has ahí, verás que al ponerlo encima se marca un recuadro oscuro. Si sigues sin poder de esa forma entonces sigue este método usando la opción de hacerlo directo en la plantilla.
ResponderEliminarMicroboy90, la opción de arrastrar no era para ti, en tu caso como te dije tienes que buscar en la Edición de HTML el código donde estaba el anuncio anteriormente y sustituirlo por el de tu banner.
No me funciona potro, agrege estas etiquetas
ResponderEliminar< b:if cond='data:blog.url == data:blog.homepageUrl' >
...Aquí que codigo que señalas en el paso 5
< /b:if >
mmm, nose que puedo hacer
Saludos
Creí que habías puesto el código directo en tu platilla. Pero veo que no es así, sino en un gadget.
ResponderEliminarCuando las condicionales se aplican a un gadget se agregan directo en los artilugios del gadget.
Para no confundirte mejor lee esta entrada.
Saludos.
Gracias... ahora me funciona como yo queria ;)
ResponderEliminarImpresionante Potro.. lo venia viendo hace rato en varias paginas y le teina una ganas terribles pero no me anime a preguntartelo.. pero hace rato que queria esto. mil gracias excelente como siempre.
ResponderEliminarabrazo!
POTRO - es que no hay ningun banner ahi solamente esta
ResponderEliminarla que trae por defecto la plantilla y a eso no lo puedo cambiar,porque es la que trae la plantilla,por goole con cuenta adscense y yo no tengo mira aqui esta una pix de como esta!!
asi esta en la plantilla
y es que a lo que me dijistes que busque el area donde esta el banner y lo cambie! no se puede porque no hay ningun banner ahi potro,nomas esta la opcion de poner banner si es que tengo cuenta en adscense... porfavor ojala y me entiendas loqw e tedigo!!
ResponderEliminarPor eso, sin expandir los artilugios busca ese gadget, debe empezar como b:widget id='HTML1'
ResponderEliminarElimina esa línea y en su lugar por el banner que quieres.
Ok potro lo he hecho asi como me dijistes y si funciono,gracias potro,de nuevo gracias!! chido por la ayuda!!
ResponderEliminarHola Potro justo en estos dias estaba buscando algo parecido, vi un slide como el de Cyberbloggero, es algo parecido solo qye yo quiero que se muestre digamos un cuadro por entradas, y que diga algo de contenido y despues leer mas, sera posible hacer?. Esta es la pagina de ejemplo http://lifehacker.com digamos como unos post al hazar pero con imagen. Saludos.
ResponderEliminarPOTRO ...ajhora tengo otro problema,porque solamente me aparecen 2 entradas ,cuando tengo puesto 8 para la pagina principal y solamente me salen 2,porque es eso? porfavor cualkier respuesta hazme saber gracias de antemano!!
ResponderEliminarBorest, ahora no tengo algo parecido, pero si no tiene efectos tú mismo podrías hacerlo, sólo son imágenes con texto.
ResponderEliminarMicroboy90, Blogger tienen un problema con eso, es un error general, sólo hay que esperar a que lo solucionen.
Muchas gracias amigo!!! me encanto como se mira el recurso en mi blog!!!:D
ResponderEliminarSALUDOS!!!!
Entonces puedo añadir un gadget debajo de la cabecera pero que solo se ajuste al espacio de la entrada, no al del menu de la derecha? O si se agrega algo asi solo se puede ajustar a todo lo ancho de la pagina? Sldos.
ResponderEliminarExcelente muy bueno este fin de semana voy a agregarlo a mi blog hace mucho estaba buscando una S3Slider ninguna me funcionaba correctamente o duraban 2 dias no màs y quedaba en negro.
ResponderEliminarun saludo y muchas gracias
Borest, eso depende de cada plantilla, generalmente sólo creas un elemento HTML/Javascript y lo arrastras hasta donde quieres, ya sea arriba de las entradas, bajo la cabecera, etc.
ResponderEliminarsamantha, seguro este durará más de dos días :D
Ohhh osea que no es error mio?? uff! pense que yo era el que lo hacia mal,tons hasta tu tienes problemas con eso??
ResponderEliminarTravian Crack, qué bueno que te ha gustado :)
ResponderEliminarMicroboy90, a mí no me sucede, pero sé de muchos blogs a los que sí.
Potro se puede añadir un gadget justo arriba de el elemento ''entradas del blog''? Pero que se ajuste al ancho de ese elemento. Sldos.
ResponderEliminarMuchas gracias compa ..
ResponderEliminarLo hice paso a paso y funcionó
Quedó muy bien el efecto
se agradece el tuto
Muchas gracias
Saluos bro ;)
Borest, como te dije, sólo arrastras el elemento arriba de las entradas y se ajusta al tamaño, obviamente como todo gadget, si pones contenido más grande que el gadget se corta.
ResponderEliminarMarcoliO, gracias a ti por tu visita :)
Una pregunta muy elemental de novato, ¿como sé si mi blog es Scriptaculous o otro JQuery?
ResponderEliminarGracias de antemano.
Sólo busca si en tu plantilla tienes algo que diga Scriptaculous y/o Prototype, si es así entonces sí tienes ese script.
ResponderEliminarSaludos.
Hola. Use esta herramienta en blog, en firefox se ve completa la imagen, pero en Internet explorer la muestra desde el centro hacia la derecha. Porque pasa esto?
ResponderEliminarHola aqui te dejo el blog para que lo veas:
ResponderEliminarwww.estadisticassalud.blogspot.com
Visualizalo en Navegador FireFox y se ve bien
luego prueba Internet explorer y veras a que me refiero
Gracias amigo
muy padre me gusto, solo que igualmente ma pasa como dice omar jose con el explorer se ve alamitada pues ni modos
ResponderEliminarOMAR JOSÉ MONTILLA SUÁREZ, intenta pegado el código del cuarto paso antes de esta línea:
ResponderEliminar/* Page structure tweaks for layout editor wireframe */
.::EALV::., sin saber cuál es tu blog me es imposible ver si hay posibilidad de solucionarlo.
Muchas gracias por la respuesta.
ResponderEliminarY por cierto, gran blog, lo visitaré con mucha frecuencia a partir de ahora. ;)
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarPotro es eterno?? y dime como hago para poner en el gagdet las últimas entradas pero sin imágenes, por ejemplo como la de cyberbloggero! gracias
ResponderEliminarCon este gadget no, el que él tiene ya venía incluido con la plantilla, después buscaré uno parecido para publicarlo.
ResponderEliminarSaludos.
ahhhhh! ok amigo! saludos!
ResponderEliminarGracias potro, he seguido ésta entrada para colocar de ésta forma mi contenido destacado.
ResponderEliminarUna pregunta que me surge al intentar hacerlo... Las imágenes que le voy a incluir son del mismo tamaño que el widget (550x300), tal y como veia en tu blog para el ejemplo. Sin embargo, me aparece un borde izquierdo y superior negro, que impide que se vea adecuadamante la prersentación.
¿A que se debe y como puedo corregirlo?
Gracias
¡Bien Potro! Si vas a publicar algo parecido al contenido destacado de cyberbloggero no dudes que lo usaré, además en http://pcjuegosyelinks.com tienen un gadget parecido que también me llama mucho la atención. No pude utilizar este porque tengo Scriptaculous. Gracias
ResponderEliminar¡Saludos!
Perdón: es pcjuegosyelinks.blogspot.com
ResponderEliminarCeTTa, necesitaría verlo funcionando en tu blog para orientarme con los códigos y encontrar una solución.
ResponderEliminarJulio, no sé qué gadget use el de esa página ya que no pude entrar, pero ya después pondré uno como el de Cyberbloggero, veo que muchos lo piden ;)
Hola Potro,
ResponderEliminarexcelente aporte como siempre!!
pero tengo una duda, me gustaria saber como poder poner el texto en lugar de arriba y abajo a la derecha o izquierda, es posible?
un saludo.
Debajo de:
ResponderEliminar.top {
top: 0;
left: 0;
}
Agrega esto:
.left {
top: 0;
left: 0;
width: 110px !important;
height: 280px;}
.right {
right: 0;
bottom: 0;
width: 90px !important;
height: 290px;}
Y en el código de la imagen donde dice class="bottom" cámbialo por left o right según sea el caso.
muchas gracias Potro!
ResponderEliminarPotro, antes de nada agradecerte muchisimo la ayuda.
ResponderEliminarAl insert el codigo obtengo la siguiente respuesta al guardar...
Se ha encontrado más de un artilugio con el ID: HTML5. Los ID de artilugio deben ser exclusivos.
¿A que se puede deber?
A ver si me puedes echar una mano.
Gracias
"Potro" muchas gracias por la ayuda, pero creo que lo intentaré más adelante por mí mismo y con distintos plugins, a ver que pasa.
ResponderEliminar"El otro Diego" Pues evidentemente tienes repetido ya ese ID, y los Id deben ser únicos. Cambia el nombre de iD llamado HTML5 por otro que quieras, por ejemplo HTML5_2 o PepePalotes o como quieras, pero que no esté repetido.
Saludicos !!!
Muchas gracias, Cetta,voy a probar....mi miedo era ese, cambiar el nombre y que se fuera a la mierda todo.Sabiendo que no hay problema voy a ello...
ResponderEliminarUn saludo
Perfecto,Cetta, ya veo el slider....ahora mi duda es la siguiente: el slide queda sobre las entradas, es decir, que se coloca encima de ellas, Como puedo hacer para bajar la primera entrada y el slide no se sobreponga sobre la primera entrada que tengo?
ResponderEliminarUn saludo
Poco a poco voy solucionando mi problema. Ya mas o menos lo tengo, el unico problema que tengo es que cuando pasa de imagen a imagen en texto de las entradas sube un segundo hasta que sale la siguiente foto del slide. Es decir, que la primera entrada sube y baja en funcion de si hay foto o no. ¿Como puedo hacer para que esa primera entrada siempre se mantenga a la misma distancia del slide aun en los cambios de foto del slide? No se si me habre explicado bien. Espero que me entendais. Muchas gracias
ResponderEliminarHola El otro Diego,
ResponderEliminarPuede ser porque en el área de #sliderContent { has modificado los parámetros de posición.
Regresa esos parámetros a los originales y verifica se se arregla.
Saludos.
Buenas Potro, te comento.
ResponderEliminarSi dejo los parametros originales queda asi..
http://elotrodiegoblog.blogspot.com/
Como ves queda sobre el banner. Si en #sliderContent aumento la cifra en top el slide baja pero se queda sobre la primera entrada. Si le pongo relative en vez de absolute, entonces me pasa lo que te comentaba, que la primera entrada pestañea subiendo y bajando cada vez que cambia de imagen el slide.
La solucion que se me estaba ocurriendo es aumentar la distancia que queda entre la primera entrada y la zona del banner ¿como lo ves? ¿como seria posible hacerlo? A ver si me puedes echar una mano. Muchas gracias a todos.
Igualmente pienso que podemos controlar los márgenes, tanto del slider como el de las entradas.
ResponderEliminarBusca esta parte y agrega lo que está en negrita:
#sliderContent {
width: 550px; /* Ancho del gadget */
position: absolute;
top: 0;
margin: 0;
padding:0;
margin-top:220px;
}
Luego abajo agrega esto:
#Blog1 {
margin-top:330px;
}
Saludos.
Ya lo he conseguido,Potro. toqueteandomargenes lo consegui. De todas formas me quedo tu solucion que la veo muy util.
ResponderEliminarMuchas gracias por todo,compañero.
Un saludo
Por nada, qué bueno que ya está todo trabajando bien.
ResponderEliminarSaludos.
Una ultima duda,Potro.¿Como se puede conseguir que el Slide solo se vea en la pagina principal pero no en cada entrada?
ResponderEliminarMuchas gracias.
Un saludo
Lee esta entrada.
ResponderEliminarYa lei la entrada,Potro. El tema es encontrar ese gadget ¿alguna pista para encontrarlo en el Html?
ResponderEliminarMuchas gracias de nuevo
Ponle un nombre al gadget por un momento, así encontrarás el gadget por su nombre.
ResponderEliminarLo editas y luego eliminas el nombre de nuevo.
Muchas gracias,Potro. Todo perfecto pero esto parece el cuento de nunca acabar,ejej, lamento tanta molestia.
ResponderEliminarEl tema es que me ha surgido una ultima duda, al eliminar el slide de las entradas se me queda el espacio reservado para este, es decir, que la entrada no comienza desde arriba,sino que comienza desde donde comenzaria si estuviera el slide.he estado toqueteando margenes y no lo consigo. ¿Como podria arreglar esto? mil gracias
Un saludo
Entonces habría que poner otra condicional para el gadget de Entradas del blog. Antes de </head> pega esto:
ResponderEliminar<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#Blog1 {
margin-top:0px;
}</style>
</b:if>
Con eso estás indicando que cuando se trata de una entrada individual, las entradas no tendrán el margen superior que habías puesto antes, sino que se subirá a la altura que tenía normalmente.
Ahora está todo perfecto, Potro. Mil gracias por el tiempo dedicado y la ayuda que nos prestas. Para cualquier cosa ya sabes donde estoy.
ResponderEliminarMuchas gracias por todo.
Un saludo
el mio no quiere aprarescer tengo las imagenes en dropox y di la pedo ver que pasa ise todo bien
ResponderEliminarpotro mira mi blog wwww.elmvpmusical.blogspot.com
ResponderEliminarPrimero descomprime el archivo s3Slider.rar y extrae el archivo s3Slider.js
ResponderEliminarEn el primer código debe ir el archivo s3Slider.js que previamente debiste subir a Internet, al parecer lo intentaste subir a Dropbox pero el archivo debe ir dentro de la carpeta Public.
Ya que has subido ese archivo y has puesto su URL donde se indica entonces tienes que subir las fotos que vas a mostrar y poner su URL en el código del paso #5
todavia no se ve pero yene uno ohh tengo que llenarlo todo los url
ResponderEliminarRecuerda y lee nuevamente lo que te dije, el archivo que debes subir a la carpeta Public no es el archivo .rar sino el .js
ResponderEliminarLas fotos igual se suben a la carpeta Public, no es la URL de toda la carpeta, sino se pone la URL de cada una de las fotos que quieres mostrar.
Es genial este elemento! Tengo una pregunta respecto a un problema que tengo. Adjunto una imagen, ya que es mas fácil entender viéndola.
ResponderEliminarhttp://yfrog.com/jpimagen1jbp
Necesito que este elemento ocupe todo el ancho del blog, hasta donde están delimitadas las lineas rojas, y nose que parte del html modificar para lograrlo. Si alguien me puede ayudar lo apreciaría mucho!.
En sí el ancho del blog es lo que tienes en verde, lo que está en rojo no, lo puedes comprobar porque el ancho de tus entradas tampoco alcanza el ancho que deseas.
ResponderEliminarPOTRO ESPERO VEAS ESTE COMENTARIO XD AVER ESQUE NO ME MUSTRA LA DESCRIBCION DE LA IMAGEN SY SI LA TRAE QUE PODRA SER
ResponderEliminarno olvidalo ya lo compuse
ResponderEliminarNA OLVIDALO, OTRA DUDA POTRO PORQUE SE QUEDA EN BLANCO AL PASAR A LA SEGUNDA IMAGEN? CUANDO REGRESA ALA PRIMERA PASA RAPIDO :S
ResponderEliminarAVER SI ME AYUDAS TIO
Entre cada imagen se pone blanco en desvanecimiento porque así es el efecto que tiene.
ResponderEliminarPrefiero el que presentan aqui: http://testtsets.blogspot.com/http://testtsets.blogspot.com/
ResponderEliminarLas instrucciones para implementarlo en nuestro blog estan en esta otra pagina: http://www.cooltricksntips.com/2009/06/adding-jquery-posts-slider-to-blogger.html
Espero que les sirva
ANDRES ARMAS,
ResponderEliminarPodrías ponerle un margin-bottom debajo de .sliderImage span {
Por ejemplo:
.sliderImage span {
margin-bottom:20px;
O bien,
.sliderImage span {
margin-top:-20px;
Quizá eso lo arregle, generalmente todos los gadgets se ven distintos cuando están dentro de una entrada.
Intenta con esta otra cosa, en esta parte agrega lo que está en negrita:
ResponderEliminar.bottom {
bottom: 30px;
left: 0;
}
Con eso estamos indicando que el área del texto suba 30px desde abajo.
Espero y eso funcione.
Saludos.
master esta genial esto,pero como lo podria hacer para que solo se vea en la pagina principal .
ResponderEliminarsaludos
goles y mujeres, mira esta entrada
ResponderEliminarANDRES ARMAS, eso debió arreglarlo, no sé qué más pueda ser excepto el alto del gadget. Seguro los estilos de las entradas están teniendo los conflictos con los estilos del gadget.
gracias potro quedo genial.
ResponderEliminarHola potro , mi consulta es la siguiente , coloqué el slider en la sidebar , el problema es que en Firefox se ve perfecto pero en I.Explorer 8 , solo se ve la mitad , no se si esto tendrá solución , o si diste anteriormente respuesta a una situacion similar , te dejo la direccion del blog ,para que lo compruebes si tienes tiempo claro esta , saludos amigo y felicidades por este maravilloso espacio que nos brindas .
ResponderEliminarPerdon se me olvido darte la direccion es esta :
ResponderEliminarhttp://cvizcaya.blogspot.com/
Hola Miguel A. Glez.,
ResponderEliminarLo he visto en Chrome e IE8 y en ambos se ve cortado, la razón no es el navegador sino que el gadget excede el ancho de tu sidebar, es por eso que se recomienda que vaya arriba de las entradas o debajo de la cabecera para que en ancho se acomode y no se corte como en tu caso.
Saludos.
Gracias eres un crack , tienes un blog que nos ayuda muchisimo , hare alguna prueba con tu consejo , un saludo.
ResponderEliminarExcelente recurso Potro, en Mozilla se ve muy bien, la dificultad es en Explorer.
ResponderEliminarHay algunos tutoriales al respecto pero no encontré nada que resuelva el problema.
Un abrazo desde Uruguay.
s3Slider es compatible incluso con la versión 7 de Internet Explorer pero habrá muchas plantillas que no lo sean, ahí es cuando puede haber problemas con el gadget pero no por el script sino por la plantilla que no es compatible.
ResponderEliminarSaludos.
Ese mensaje sólo aparece cuando se da click en el ícono de advertencia y es muy común que suceda no sólo con este sino con cualquier otro script, Internet Explorer tiende a no leer bien la mayoría de los scripts según sea la plantilla.
ResponderEliminarSi todo te funciona bien no le hagas mucho caso.
oye conmigo sale mal me podrias ayudar porfavor http://wrestling-wwe-live-pruebas.blogspot.com/
ResponderEliminarYo lo veo bien.
ResponderEliminarA ver, Potro, te explico:
ResponderEliminarHay un tipo de slideshow que te escoge automáticamente una imagen de cada entrada sin importar el tamaño, y te va pasando cada imagen con el título de cada entrada; aquí te pongo un ejemplo de lo que digo: http://guiaforex.bligoo.es/
He buscado hasta hartarme en google, en español y en inglés y no he encontrado nada sobre un widget de este tipo para meter en Blogger.
Si tu sabes algo o pudieras investigarlo, sería estupendo. A mi gusto, es el tipo de slideshow perfecto que debería ir al principio de cualquier blog.
Saludos,
Enrique.
Con respecto a lo que te iba contando del slideshow con los títulos de las entradas y las imágenes lo único que he podido encontrar es esto:
ResponderEliminarhttp://www.quierocrearunblog.com/2009/12/slideshow-titulares-entradas-blogger.html
Es un slideshow automático con los títulos de las entradas y excerpts, pero sin imágenes; aunque el concepto es el mismo.
Yo ya lo puse en mi blog: guiaforex.blogspot.com aunque todavía tengo que personalizarlo;
claro que este widget no es lo que yo ando buscando (slideshow con imagen automática de cada entrada y titulares), pero a falta de pan...
Hola Enrique Muley,
ResponderEliminarNingún gadget que conozca incluso ese que mencionas toma la imagen de forma automática, en todos se tienen que agregar manualmente por los webmasters, de cualquier modo si encontrara algo parecido te lo haré saber.
Saludos.
Hola Potro , escribo este comentario para difundir la solucion al conflicto de este gadget con Internet Explorer o al menos la que a mi me funcionó , con la esperanza de poder ayudar a los que tambien lo sufrieron como yo , me explico , el gadget como dije anteriormente en un post se me veia cortado en dicho navegador Explorer , lo solucioné asi : 1ºAcceder 2ºDiseño 3ºElementos de pagina 4ºIr al gadget donde tengamos el S3slider y darle a Editar 5ºEn el archivo HTML lo que hice fue suprimir la linea del texto donde pone "center" del principio y la linea del texto donde pone "/center" del final .
ResponderEliminarEspero que a los demas les funcione tambien , decir que yo el gadget lo tenia colocado en la sidebar , un saludo y felicidades por tan maravilloso blog .
Perfecto Miguel :D
ResponderEliminarDe cualquier modo voy a quitar esas partes que mencionas del código para quienes apenas lo usen no vayan a presentar el mismo problema que tuviste.
Muchas gracias por compartirlo.
¡Saludos!
Hola Potro,
ResponderEliminarA pesar de probar todo lo que aparece arriba en cuanto al problema con el IE, yo sigo con lo mismo, sigue apareciendo sólo la mitad de la imagen. Me das una mano?
En mi plantilla no encontré el "Page structure..." que mencionaste arriba.
Muchas gracias por tu ayuda!
María
Hola Maar,
ResponderEliminarNecesitaría ver tu blog para darme una idea de qué pueda estar pasando.
Saludos.
Como tengo que hacer para que pueda combinarlo con el sexy menu? porque no me aparece nada cuando escribo el codigo.
ResponderEliminarLo mismo que te había dicho antes, si ya tienes puesto una vez el archivo jQuery no hay necesidad de ponerlo de nuevo, a menos que, el otro truco que necesita jQuery sólo funcione con otra versión anterior, si es así entonces quizá no puedas usar ambos.
ResponderEliminarmen ya lo puse y dejo de funcionar no se por ke quisiera saber como identifico si tengo Scriptaculous para que funcione espero respuesta rubengonzalez22@hotmail.com
ResponderEliminarsaludos? llave, potro buen truco hermano me sirvió y me funciona muy bien en mi web pues recomiendo este post es muy bueno sigue así pana.
ResponderEliminarTe lo agradezco, qué bueno que todo te ha salido perfecto ;)
ResponderEliminarHola Potro, excelente Blog de ayuda, gracias por compartir.
ResponderEliminarGracias a ti por tu comentario y tu visita!
ResponderEliminarhey potro saludos y esta excelente tu pagina, mira tengo un proble hago todo lo que indicas pero al final cuando voy a ver mi blog me sale solo esto, div id="slider">, sera por la clase de plantilla o le tengo que cambiar algo. agradecería tu ayuda.
ResponderEliminarQuizá no has puesto los códigos en el lugar indicado, revisa de nuevo la entrada para que verifiques que has realizado los pasos correctamente.
ResponderEliminarok fíjate que ya lo He revisado tres veces pero te dejo mi blog para que chequees http://dossda.blogspot.com/ es un blog de prueba para que antes de que lo meta a mi mero blog ya sepa como. y veras que sigue apareciendo div id="slider">
ResponderEliminarhey amigo buen aporte te cuento que ya lo pude hacer
ResponderEliminarVale, ya lo veo funcionando, qué bueno que lo has resuelto :)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarLo siento, sólo explico cómo hacerlo, cada quien debe hacerlo por sí mismo.
ResponderEliminarpotro,como lo puedo ocultar en las paginas estaticas checa mi blog como quedo, otra cosa al poner el S3Slider el boton de efecto dezlizante que va hacia ya no tiene el efecto dezlizante solo sube normal ayda¡¡
ResponderEliminarSigue los pasos de esta entrada, sigue esos pasos sólo que en lugar de usar la primera línea en color rojo usa esta:
ResponderEliminar<b:if cond='data:blog.pageType != "static_page"'>
Lo otro es porque este menú usa jQuery y el efecto de la flecha usa Scriptaculous, estos scripts son incompatibles.
quedo bien ya no se visualiza en las paginas estaticas pero no hay una solucion a la incompatibilidad??
ResponderEliminarPues dicen por ahí que hay un truquillo pero la verdad yo lo he puesto en marcha y nunca he tenido resultados es por eso que no puedo decir que sea la solución :\
ResponderEliminartengo una pequeña duda. quisiera saber si esto es compatible con el menú acordeón desplegable que posteaste.
ResponderEliminarNo, este usa jQuery el cual es incompatible con ese menú que usa Mootools.
ResponderEliminarHOLA CHE... LA VERDAD QUE NO ME SALE... FIJATE EN MI BLOG SI LO PODES ARREGLAR..
ResponderEliminarGOLESPORELMUNDO.COM.AR
NO SE CUAL ES EL PROBLEMA
AH.. SUBIE EL ARCHIVO QUE DESCARGUE A RAPIDSHARE.. ¿¿¿ESTA BIEN?? O LO TENGO QUE SUBIR A Dropbox?????
ResponderEliminarRapidshare no te dará una URL para "leer" el script sino para descargarlo. Necesitas subirlo a un alojamiento que te permita leerlo. Yo recomiendo Dropbox pero si hay otro que uses no hay problema.
ResponderEliminarHola potro, al poner las imagenes que quiero en el slider me queda un margen a la izquierda y arriba, siendo las imagenes y el gadget del mismo tamaño 600x350
ResponderEliminarhttp://jmgvideosycaps.blogspot.com/
Esas plantillas nuevas suelen alterar los gadgets. Prueba buscando esto:
ResponderEliminar#sliderContent {
width: 550px; /* Ancho del gadget */
position: absolute;
top: 0;
margin: 0;
Eso que está en negrita remplazalo por esto:
margin: -10px 0px 0px -22px;
Eso debe hacer que se mueve a la derecha, si sigue quedando un color blanco (ahora del otro lado) sólo cambia donde dice:
#slider {
width: 550px; /* Ancho del gadget */
height: 300px; /* Alto del gadget */
background:#FFF;
Y ahí cambia el color de fondo por otro, o bien elimina eso mismo que está en negrita.
POtro, muchisimas gracias, ya esta solucionado, felecidades por el blog
ResponderEliminarUna duda potro, el gadget se puede poner mas centrado, y por que no me sale el titulo que le pono, un saludo
ResponderEliminarLo del título debe ser de algo de tu plantilla que no permite poner un título en los gadgets que se ponen en esa área.
ResponderEliminarPara centrarlo entonces la parte que agregaste, es decir, esta:
margin: -10px 0px 0px -22px;
Cambia ese -22px por otro número más alto como 200px así hasta que quede a la distancia que deseas.
Saludos.
Hola, gracias ante todo por este aporte. Muy bueno. Tengo solo un problema con él. Tengo puestos 5 imagenes cada una con su url y enlace de la entrada pero al arrancar la página no aparece una imagen que vaya cambiando sino que aparecen las 5 una debajo de otra y van desapareciendo cada una debajo de la anterior. El caso es que tarda un rato hasta que ya queda solo una arriba como definitiva y la pagina mientras está toda dando botes. ¿Que he podido hacer mal?
ResponderEliminarPrueba poner el primer código después de <head> para que cargue más rápido ese archivo.
ResponderEliminarSi continua el problema dime en cuál blog es para echarle un vistazo.
He puesto el primer codigo justo después de -head- pero sigue igual. Si le puedes echar un vistazo te lo agradezco: http://videodegatos.blogspot.com/
ResponderEliminarEstoy casi seguro que entonces debe ser la plantilla. Nunca lo he probado en las plantillas nuevas de Blogger pero sé que la mayoría de los trucos, efectos, menús y cuanta cosa no funciona en ellas.
ResponderEliminarPodrías probar con otra plantilla que no sea de las nuevas y ver qué resultado tienes.
Hola, use los cod..segui todo, pero solo aparece el recuadro, pero no las imagenes, tenes idea, de porq sera?
ResponderEliminargraxias
Hola potro
ResponderEliminarHe puesto todo al paso de la letra, pero no me funca, no se q pasara, y en verdad necesito ponerle esto a mi blog, por favor te pido que me ayudes.
Saludos...
bueno, vuelvo pero sin pedidos, ya arergle el prolema xD
ResponderEliminarera q tengo 2 scrip, y no reconosia 1, lo redireccione bn, y anda lo mas bn.... graxias = =) nos vemos
Y como fue que lo hiciste WD porfa ayudame o alguien ayudeme Porfavor...!!!
ResponderEliminarSaludos...
WD, qué bueno que lo has arreglado :)
ResponderEliminarΔŖĮŞξ, probablemente usas Scriptaculous o Prototype, si es así entonces no funcionará ya que esos scripts no son compatibles con jQuery y es el que se usa para esta galería.
Grax Potro
ResponderEliminarPero como lo puedo quitar y disculpa las molestias q causo, nada mas quiero q mi blog quede mas personalizado
Saludos...
Como puedo quitar el Scriptaculous de mi blog para q funcione este widget
ResponderEliminarGracias potro por la ayuda...soy muy nueva en esto de los blogs y estoy tratando de armar uno aplicando tu slider pero me gustaría agregarlo dentro de una página estática. ¿Me puedes ayudar a hacerlo? Pensé (solo de curiosa que soy) que agregando el codigo del paso 5 al final de la página (editando en HTML) se vería pero a pesar de verse sólo suben las imagenes a la mitad y pasana una vez y luego queda en blanco.
ResponderEliminarMuchas gracias de antemano por tu ayuda... el blog es de prueba por lo que no te daré la dirección porque solo veras puras burradas que estoy probando.
ΔŖĮŞξ, pues es que en los tres blogs de tu perfil no veo que tengas Scriptaculous, no sé si ya lo eliminaste o si es en otro blog, necesitaría más información para saber cómo ayudarte.
ResponderEliminarEquipo Blog Olimpiadas, es muy complicado hacerlo dentro de una entrada o una página, igual lo he intentado y los estilos impiden que trabaje como debería :\
Hola de nuevo Potro.
ResponderEliminarMira si te has fijado bn es Super Musica el blog en el que necesito poner el Widget, si puedes rebisarlo o si ya lo revisaste dame una ayudadita por favor y disculparas las molestias que Causo.
Grax y Saludos...
Po si a caso te dejo el link del blog Super Musica, http://super-musica-ng.blogspot.com/ | Muchas Grax Potro.
ResponderEliminarBueno, es que ya la plantilla que usas tiene un slider que hace lo mismo, quizá sería mejor que usaras el que ya tienes, pero sino entonces elimina ese gadget así como los scripts que tiene y que hacen que funcione para después poner el de esta entrada.
ResponderEliminarSi tienes dudas sobre qué debes eliminar me dices para darte más detalles.
Saludos.
Hola potro, eso te iba a decir, que decidí cambiarle de plantilla, para no tener inconvenientes. Dejame agradecerte bastante por la ayuda que brindas. Muchas Gracias
ResponderEliminarSaludos...
Buenas noches, Saludos, gracias y felicitaciones por los tutoriales. Amigo tengo una duda. Cómo modifico ese recuadro negro donde va el título? Quiero que el recuadro que contiene mi título sea menos grande y apenas un poco mas grande que las letras. Gracias.
ResponderEliminarEse recuadro se adapta automáticamente al contenido del texto que agregues, si le pones una medida exacta entonces podrás tener el problema que en imágenes con mayor o menos texto te quede muy grande o muy chico.
ResponderEliminarHola Potro!
ResponderEliminar¿Cómo hago para eliminar el marco que aparece en el caso de mi blog? Te dejo en enlace a la página estática donde está!
http://www.miguelnayaphotography.com/p/home_13.html
Prueba buscando esta parte y poniendo en 0 (cero) donde dice 1px:
ResponderEliminar.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0;
background: #111111;
border: 1px solid #111111;
Como estas amigo! es posible q cada imagen tenga un link? me refiero al hacer clik en la imagen me redireccione a una url ,muchas gracias!
ResponderEliminarPotro, una vez más, eres un crack!
ResponderEliminarGracias!!
Una pregunta (no corresponde a esta entrada): Cuando entro en una página estática, aparece el título de la página y luego el contenido (además, por supuesto, del gadget de páginas). ¿Se puede eliminar el título de la página?
Dj's Club, de hecho si lees con cuidado la entrada verás que cada imagen lleva un enlace que dirige a alguna página que elijas, sólo que yo en mi ejemplo no le he puesto enlaces.
ResponderEliminarMiguel Naya Santalla, antes de </head> pega esto:
<b:if cond='data:blog.pageType == "static_page"'>
<style>
h3.post-title {display:none; visibility:hidden;}
</style>
</b:if>
No sé cómo lo haces, pero has vuelto a acertar!! jajajaja
ResponderEliminarDesde luego, a mí me tienes flipado... Todo lo que te he pedido has sido capaz de resolverlo (bueno, lo único, lo de redireccionar a una página estática el dominio)... Creo que el día que consigas eso, alguien te hará una estatua!! jejeje
A lo serio. Me he fijado que cuando se pone el cursor encima del Slideshow, éste se detiene, y si hago click, se me abre la imagen. Se puede desactivar ambas opciones? Es decir, que no se detenga, y/o que no se abran las imágenes...
Para evitar que se detenga no creo que pueda hacerse, así es el script, o al menos yo no sé cómo se haga.
ResponderEliminarPara eliminar el enlace sólo quita del código las partes que contienen el enlace, es decir, lo que está en negrita:
<a href="URL de la entrada">
<img src="URL de la imagen" /></a>
Saludos y gracias por tu comentario ;)
Con tal de que no se pueda abrir el enlace me llega. Gracias Potro!!
ResponderEliminarBuenisimo , vere si me sale , gracias :)
ResponderEliminarme salio amigo , pero nose porq la entrada me sale a la altura de la cabecera, habra alguna solucion . muschas gracias!
ResponderEliminaren mi caso no lo puse en un widget html, lo puse en una entrada , sera por eso ? :O
ResponderEliminarEfectivamente es por eso, cuando se pone en una entrada la ubicación falla bastante :\
ResponderEliminarah!! entendi gracias por la ayuda , aprovecho para preguntarte tambien si se podria hacer algo asi como tieen esta pagina http://msn.foxsports.com/
ResponderEliminaren donde rotan las noticias y se puede seleccionr q numero de noticia ver, escuche de un programa llamado cuber pero nose si funciona en blogguer
http://www.taringa.net/posts/animaciones/5077839/Flash-Slide-imagenes-Cuber.html
Gracias-!
Ese no creo que funcione para Blogger, es más bien para páginas web.
ResponderEliminarHay algunos que pueden funcionar pero son bastante complejos tanto de hacer como de explicar. Ahora no tengo alguno parecido, pero apenas me dé un poco de tiempo probaré unos cuantos para ver cuál es más conveniente y lo publico.
Saludos.
gracias amigo , estareal tanto , un abrazo :D
ResponderEliminarCaralho, qué buen truco, lo he probado y funciona a las mil maravillas. ¡Muy bueno, hermano!
ResponderEliminarGracias Perro Blanco, ya lo he visto funcionando en tu blog ;)
ResponderEliminaramigo lo intentare hacer con un widget, ya q en la entrada no me funciona, la pregunta seria como hacer para q ese widget aparezca unicamente en laportada del blog, es decir en la parte principal :D
ResponderEliminarMira esta entrada, ahí se explica el procedimiento.
ResponderEliminar:)
ResponderEliminarMuchas gracias Potro me funciona; pero me sale un espacio blanco en la parte superior el tamaño de las fotos miden igual que las medidas.
ResponderEliminarLo unico que cambie fue el tiempo y el tamaño "500" para que pudiera entrar.
http://cybernetics-csiyon.blogspot.com
Hola Potro muy buenas, hace tiempo que no comento nada por estos lares porque he ido aplicando tus tips sin complicaciones, pero ahora me surgió un problema y es que mi plantilla trae por defecto un s3slider, el cual cuando oculto usando tus condicionales afecta a un menu lateral, sin embargo si lo dejo por defecto el menú funciona perfectamente, pero es un tostón que aparezca el s3slider en el portal, en las páginas estáticas, en las entradas individuales...
ResponderEliminarDisculpa el tochaco, ojalá puedas decirme cómo hacer para arreglarlo. Salu2
(Mi blog: http://detotengo.blogspot.com/)
Csi_yon, pues no lo he podido ver funcionando porque tienes Prototype y Scriptaculous, mismos que no son compatibles con el script que se usa para este slider (jQuery).
ResponderEliminarJoker, sí veo el slider pero no veo que lo tengas oculto en las entradas para poder ver de qué manera afecta al menú que mencionas. Otra cosa ¿cómo lo habías ocultado?
Este comentario ha sido eliminado por el autor.
ResponderEliminarGracias por responder tan rápido Potro!, acabo de ocultarlo de nuevo para que puedas dar con el problema, uso la condicional para que se muestre el s3slider solo en el portal del blog, del post tuyo: aquí.
ResponderEliminarEl caso es que de esa forma la condicional cumple con el propósito pero si accedo a una entrada individual, a una página estática... como no se cargará el s3slider el menú lateral no funciona bien, se queda fijo sin el efecto. Además, solo utilizo la librería Jquery.
Nuevamente, muchas gracias de antemano!
Ok, quizá sea la forma en la que lo estás condicionando.
ResponderEliminarPega antes de </head> lo siguiente
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type="text/css">
#s3slider {display:none; visibility:hidden;}
</style>
</b:if>
Muchas gracias Potro! como siempre me has solucionado el problema, salu2!
ResponderEliminaruna pregunta amigo, porq sera q se superpone el widget con una entrada. Puse el widget arriba de la entrada prioncipal, pero no logro hacer q se quite de encima , para evitar superposicion.
ResponderEliminarAl parecer es un problema con la plantilla, pues sólo se ve así en Internet Explorer, ya que tanto en Chrome como en Firefox se ve bien.
ResponderEliminarHol potro, vuelvo a felicitarte por este aporte. Realmente fenomenal, lo conoci por otra pagina pero las instrucciones que daban no me sirvieron y buscando llegue a tu blog y haciendo lo indicado, funciono! Muchas gracias. Solamente quería consultarte una cosa: me aparece un reborde en L gris, que veo que en los ejemplos no figura. ¿'Sabras a que se debe?
ResponderEliminarMi blos es http://floresazuladas.blogspot.com/
Ojala que si, sino es así, te agrdezco la informacion porque me sirvio mucho más que otros sitios.
ResponderEliminarSaludos.
Pablo
Hola Pablo,
ResponderEliminarMuchas gracias por tu amable comentario.
No pude ver el ejemplo en tu blog debido a que subiste los archivos a Dropbox y no los has puesto dentro de la carpeta Public.
Si los subes a Dropbox es necesario que todos tus archivos que deseas tener en la red estén dentro de la carpeta Public sin importar sin son fotos o no.
Ya que los tengas ahí copia de nuevo su URL y remplaza las que tienes en tu blog.
Saludos.
Hola Potro, gracias por el dato. Ahi pase las fotos a la carpeta Public del Dropbox y reemplace todas los enlaces de todas las fotos. Pero sigue apareciendo un reborde en L hacia la izquierda del recuadro. No he podido sacarlo.
ResponderEliminarSi lo podes ver, sino todfo bien. Un abrazo y mil gracias.
Pablo http://floresazuladas.blogspot.com/
Lo que sucede es que las plantillas nuevas hechas con el diseñador de Blogger ya tienen incluido unos atributos que hacen que todo lo que se ponga debajo de la cabecera adopte los estilos predeterminados.
ResponderEliminarPodrías probar eliminando todo lo que hay dentro de:
/* Tabs
----------------------------------------------- */
Quizá con eso funcione, pero por si las dudas haz un respaldo de la plantilla antes de hacerlo.
Saludos.