De nuevo vengo con otro Slider, pero ha diferencia de los otros este es automático, mediante un script que recoge nuestro feed y luego se usa JQuery para animarlo.
Tan solo copiar el código y añadir un elemento HTML a vuestro blog, siguiendo estos pasos:
Incluir la url de vuestro blog donde dice home_page = "DIRECCION URL DE TU BLOG/";
En la parte que pone URL DE LA IMAGEN QUE SE MUESTRA SI NO HAY NINGUNA EN EL POST"; deberéis colocar una imagen, para que en el caso de que no haya imágenes en una entrada, aparezca esta.
CODIGO:
Bajar desde aquí
Este slide está configurado a 500px de ancho por 245px de alto y se puede modificar tanto en ancho como en alto. Si no conocéis el CSS mejor dejarlo como está, y si tenéis problemas, comentarlo y soluciono.
El ejemplo de su funcionamiento creo que lo habréis comprobado al entrar al blog.
!!!! A DISFRUTARLO !!!!!
Tan solo copiar el código y añadir un elemento HTML a vuestro blog, siguiendo estos pasos:
Incluir la url de vuestro blog donde dice home_page = "DIRECCION URL DE TU BLOG/";
En la parte que pone URL DE LA IMAGEN QUE SE MUESTRA SI NO HAY NINGUNA EN EL POST"; deberéis colocar una imagen, para que en el caso de que no haya imágenes en una entrada, aparezca esta.
CODIGO:
Bajar desde aquí
Este slide está configurado a 500px de ancho por 245px de alto y se puede modificar tanto en ancho como en alto. Si no conocéis el CSS mejor dejarlo como está, y si tenéis problemas, comentarlo y soluciono.
El ejemplo de su funcionamiento creo que lo habréis comprobado al entrar al blog.
!!!! A DISFRUTARLO !!!!!
Antonio, estoy intentando hacer funcionar este slide pero no lo consigo, he puesto la dirección de mi blog en el código pero aun asi no me funciona, a ver me echas un cable. Gracias.
ResponderSuprimir@Jesús Gómez
ResponderSuprimirConfirmo que a mi tampoco me sale ademas lo quiero a 500 de ancho ;)
@Jesús Gómez
ResponderSuprimirSolucionado Jesús, había un pequeño fallo, pero ya está corregido, aún así te comunico que para verlo debes desinstalar el otro slide.
Saludos.
@El Sevillista
ResponderSuprimirSelu, solucionado y preparado a 500 px.
Saludos.
Si, ya funciona aunque en mi blog no queda muy bien que digamos y me da algunos fallos con las imagenes y los marcos, no se por qué será, gracias Antonio.
ResponderSuprimirHola Antonio.
ResponderSuprimirLe escribo porque después de realizar todo lo que pide anteriormente para el funcionamiento del slide, a mí sigue sin funcionarme. Desconozco el motivo por completo. Un saludo.
Antonio, ya lo he solucionado eliminando el otro slide que tenía en la página. Un saludo.
ResponderSuprimirFeliz año y enhorabuena por tu gran blog!
ResponderSuprimirTengo un problema con este Slide en mi Blog, funciona perfectamente, pero nosé como hacer que quede más vistoso como el que tú tienes...y el primer paso que quería hacer es mostrar menos entradas, y no las 7 que muestra por defecto, como cambio eso? Gracias :P
@Artime95
ResponderSuprimirPerdona pero se me olvidó quitar que es como el que tengo en portada, este actual es manual y lleva un código diferente.
De todas formas si quieres colocar solo 5 entradas cambia esta parte del código:
#slideshow .slides-nav li a {
height:40px; (antes 25px)
#slideshow .slides-nav li a img.thumbnail {
width:35px;(antes 25px)
height:35px;(antes 25px)
Perfeeeeeeecto! Muchas gracias crack... y por último... ¿cuál es el tamaño de las imagenes que se reproducen? No consigo ajustarlo...
ResponderSuprimirMe esta dando muchos dolores de cabeza lo del tamaño de imagen... Segun el codigo las imagenes se muestran a 400px x 250px pero, aunque las convierto con programas como el Paint a ese tamaño, la imagen para nada queda ajustada en el slider...
ResponderSuprimir@Artime95
ResponderSuprimirUna vez mandada la entrada, el feed rescata la imagen original,aunque la reedites cogerá siempre la primera.
A partir de ahora coloca ese tamaño en las entradas, 400x250, verás como yá se visualizará bien.
como coloco ese tamaño en las entradas?
ResponderSuprimir@Artime95
ResponderSuprimirCuando crees un post el tamaño de la imagen que coloques en él, debe ser de 400px de ancho por 250 de alto.
exactamente en q parte se coloca el codigo gracias
ResponderSuprimirplantilla-diseño-añadir un gadget-html/javascript-pegas el código y guardas.
Suprimir