02 octubre 2011

Ultimas entradas con efecto deslizante

entradas efecto deslizante

De nuevo os traigo otro widget muy interesante para vuestros blog, lo podéis ver en este blog de pruebas en la sidebar.  Ultimas entradas con efecto deslizante

La instalación es lo más fácil de este widget, ya que no hay que tocar la plantilla para nada, tan solo introducir el código dentro de un widget-HTML, y cambiar donde pone: (URL DE VUESTRO BLOG) al  vuestro.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:0px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:240px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:240px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:60px;
overflow: hidden;
background:#2C79C1;
}
#spylist li a {
text-decoration:none;
color:#fff;
font-size:12px;
height:10px;
overflow:hidden;
margin:0px 0px;
padding:5px 0px 5px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:9px;
color:#000;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:9px;
color:#000;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
jQuery.noConflict();
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 260;
cellspacing = 6;
borderColor = "#000000";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#000";
icon2 = " ";
numposts = 10;
home_page = "URL DE VUESTRO BLOG";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://2cd2e6bd6df053a80ac331ad9c3223fc430652d4.googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/ULTIMAS%20ENTRADAS%20EFECTO%20DESLIZANTE.js' type='text/javascript'></script>

</div>

<span><a href="http://www.amorsevillista.com/2011/10/ultimas-entradas-con-efecto-deslizante.html"> Quiero esto en mi blog</a></span>

!!Espero que os guste!!




Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

57 comentarios

Hola. Acabo de encontrar tu página por Internet y ha sido genial, no por la parte sevillista que me es un poco indiferente sino por encontrar JUSTO lo que necesitaba. Uno de ellos es este. Quizás sea un mucho pedir, pero me gustaría saber como cambiar ciertas cosas, por ejemplo, el tamaño de los rectangulitos donde quedan alojadas las entradas, como poner el color de fondo uniforme (blanco entero).
Y ya que estoy... ¿como has puesto el widget o slider que hay entra la cabecera del blog y el resto de él (no se si me explico...)?
¡¡ Muchísimas gracias de antemano!!

Un saludo

Tamaño rectangulos: Busca en el código 300, aparece 3 veces y cambia por el ancho que quieras.

Color: Elimina esta parte del código url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x

Quedaría así: background:#fff; y abajo dale 1 px al borde.

Quedaría así: border:1px solid #000;

Y listo, color blanco, borde negro y ancho el que hayas querido.

Saludos.

PD: El Slider ya crearé una entrada para ello.

¡Hecho! Muchiiiisimas gracias

Hola Antonio una vez más. Sin saber porqué estoy teniendo problemas con este Gadget, ayer dejó de aparecer en el blog. No he vuelto a tocar el código, y he tratado de volver a instalarlo en el blog pero nada. He supuesto que quizás habría algún problema ajeno a mi y mi blog ¿que puede ser?
Te agradezco de antemano tu atención.
Un saludo.

Pués sí, el script donde estaba alojado se ha boorado, de todas formas te dejo otro ya preparado para instalarlo directamente.

Descarga aquí

¡Solucionado! Muchísimas gracias ;)

¡¡Antonio!! Se ha vuelto a ir... Si encuentras la forma de solucionarlo te lo agradecería eternamente si no, tendré que darme por vencida... x)
¡Gracias! y Feliz Sevillista Navidad ;)

!Solucionado! copia el código de nuevo

Hola Antonio, muchas gracias por tu ayuda, este gadget era justo lo que buscaba pero cuando lo he instalado en mi plantilla no se ve y no se si es porque interfiere tema de códigos con el otro que tengo o porque el script ha dejado de funcionar.
Saludos y gracias de nuevo

Prueba de nuevo eliminando esta parte del código: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

Este comentario ha sido eliminado por el autor.

Gracias!!!! comenzo a funcionar!!! Ahora a personalizarlo!!!

Ya lo he puesto y ha quedado mejor que el anterior!!! Una pregunta mas Antonio ¿Como podria eliminar el que se muestre el numero de comentarios? Ya puse false para la fecha pero no encuentro el codigo para anular que se muestren los comentarios. Gracias de antemano por tu ayuda y me encanta como me ha quedado!!!

En la parte del código esta: " acolor = "#000"; ", elimina los tres ceros.

Saludos.

Hola Antonio!! Quitando los 3 ceros no me ha funcionado por lo que he probado en poner acolor= "transparent"; y perfecto!!!

Saludos y mil gracias!! Por cierto este slider es mucho mejor que el que tengo para "Entradas populares" ;)

Me alegro Vero, aparte observo que dominas perfectamente los códigos.

Besos.

Tengo un grave problema, al poner esto, me sale una pequeña imagen, tipo publicidad, totalmente incomodo, se lo puedo quitar? >_>

gracias!

este es el blog: www.4derrape.com

en la parte superior derecha, se ve un cuadrado amarillo!

El cuadradito amarillo lo tienes en todas las entradas en la parte izquierda de la imágen del post.

Si quieres eliminarlo debes buscar .metadataHolder { y en la parte del código top: 20px; width: 20px; dejarlo a 0 en lugar de 20 y observarás que desaparece el cuadradito amarillo.

Trás ello coloca el código del slide pero eliminando el primer script, osea la primera línea.

Saludos.

Hola! Necesito consultarte algo que no sé si podrás ayudarme a resolver y mucho menos si vas a entender mi explicación... Al instalar éste slide puedo verlo solo si dejo el código tal cual está (te aclaro que puedo ver solamente el que reenvias a Yayels que te comenta al inicio, el que posteas originalmente no lo veo) Pero el tema está en que cuando pongo la dirección de mi blog dejo de verlo... A título informativo te cuento que tampoco puedo instalar en mi blog Entradas Populares porque no me aparecen las entradas sino solamente las Páginas que creé. Quiero creer que el problema está en que en Estadísticas si bien aparecen normalmente todas las Páginas Vistas (incluidas las entradas), en el listado de Entradas cada una de ellas me figura como 0 Vistas, no así las Páginas donde se marcan las Vistas normalmente. Esto entiendo que no debería pasar...A ésta altura ya te darás cuenta que soy novata en ésto pero como bien dicen "el fin no justifica los medios" me embarqué en éste lío de crear mi propio blog.... Te agradeceré toda ayuda si puedes brindármela y si no puedes, no te preocupes....te seguiré leyendo siempre....Muchas Gracias anticipadas!

Eva, si no puedo acceder a tu blog, no puedo ayudarte.
Lo tienes solo para lectores invitados.

Si quieres desactivar eso, vete a configuración-lo básico-lectores de blog-editar y colocas "cualquiera".

Hecho, Discúlpame!...Gracias por tu pronta respuesta!

Antonio...Mágicamente ha aparecido e slide ahora que lo hice público. Lo extraño es que el slide de prueba sí lo veía estando cerrado el blog, en fin..... Sólo me queda la duda de porqué no puedo instalar Entradas populares. Ya te dejé ese elemento para que veas..... Gracias de nuevo! me voy a personalizar mi slide ;)

vi un comentario de uno que no podia verlo, yo tampoco puedo, e quitao eso quie dices, y nada tampoco, no se que puede pasar, soy mu torpee jjjj, perdona hombre podrias ayudarme haber que me puede pasar ???

http://cactusyaficiones.blogspot.com.es/

hola cuando leas el comentario parece que tenia basura borre plantilla y cargue la copia de seguridad que tenia, algo habré echo que con esta plantilla si funciona, y con la otra no, no lo se, menos mal que guarde copia ,jeje, saludos buen blog

Hola Amor Sevillista, he puesto "entradas deslizantes" en dos de mis blogs, quedan muy "chulis". Agradezco la facilidad que nos das a los legos en esta materia para adecentar nuestros blogs jejeje. Gracias

Como coloco el gadget ARCHIVOS DEL BLOG, en esta pestañas.
Y porque no me resulta cuando solo el codigo de ULTIMAS ENTRADAS CON EFECTO DESLIZANTE en una pestañas.

Como coloco el gadget ARCHIVOS DEL BLOG, en esta pestañas.
Y porque no me resulta cuando solo el codigo de ULTIMAS ENTRADAS CON EFECTO DESLIZANTE en una pestañas.

IPEEP S.A.C.
El resultado de las pestañas con las últimas entradas deslizantes puedes verla :AQUÍ

Holaa amigo antonio las Ultimas entradas con efecto deslizante, las puse en mi blog y no se mueven nose por que?

Si anteriormente los tenías instalado y funcionaban bien, recuerda que es lo último que has instalado en el blog, quizás no sea compatible con este script.

Este comentario ha sido eliminado por el autor.

Juan te refieres más o menos al slider que tengo en portada?

Este comentario ha sido eliminado por el autor.

Juan, te dejo preparado un slider, colócalo tal como te explico, haber si es de tu agrado: VER ARCHIVO

Este comentario ha sido eliminado por el autor.
Este comentario ha sido eliminado por el autor.

Hola. anteriormente ya había colocado este de "entradas deslizantes" pero ya no se ve en mi blog desde hace dias !! que puedo hacer ? ...Gracias.

Ruben cambia el último script por este:
<script src='http://dl.dropboxusercontent.com/s/3frdg2yvzmdwsto/animated-recent-posts-ycode-1.js' type='text/javascript'></script>

acabo de hacer tu recomendación pero no, no salio de todos modos!
lo instalare de nuevo y eliminare lo ultimo que me dijiste amigo Gracias... y si no sale te estaré de nuevo preguntando... Saludos.

Este comentario ha sido eliminado por el autor.

Ya lo puse desde nuevo y si apareció !!!
MUCHAS GRACIAS AMIGO este es uno de los mejores Gadgets para mi, por lo vistoso y grato Gracias de nuevo no hubo necesidad de cambiarle nada, solo puse el codigo que dejaste primero

Hola. antes tenía ya las "entradas deslizantes" pero ya no se ve en mi blog desde hace unos días. ¿Me puedes ayudar o decir qué hacer, por favor? ¡Gracias!

Cam ya lo he actualizado, solo debes volverlo a instalar.
Gracias por advertirlo.

HOla Sevillista muchas gracias por este gran aporte, queria preguntarte si es posible aumentar el numero de entradas a mostrar en este script.

Correcto Jeremy, busca este trozo de código numposts = 10; y sustituye el 10 por los que desees mostrar.

Hola AmorSevillista... Hace varios dias que lo estoy usando y funciona muy bien... Aunque en el blog que lo uso no es necesario ya que en la pagina principal muestro las ultimas 20-25 entradas, pero me gusta, llama la atención.

En fin, mi pregunta es si se puede aumentar el numero de post que se visualizan. No me refiero a numpost=xx, sino que se vean 8 entradas (por ejemplo) de forma permanente y no las 4 que se ven ... Te dejo una captura ya que vale mas que 1000 palabras
http://img1.imagilive.com/1114/sshot-1e7c.jpg

Desde ya gracias
Saludos

Perfectamente Seruno, solamente sigue estos pasos:
Aumenta el alto del #spylist { en height:300px; por 600px y abajo el limitspy=4 por 8 con ello deberían salir 8.

Amor Sevillista... te estoy muy agradecido, Funcionando Ok..
saludos, seruno1

hola muy buena pagina

me gustaria saber como hacer para que me salgan las entradas asi igual pero por etiquetas

Emerflow, para conseguir lo que quieres hay que modificar el script o eliminar la última parte desde <script src='https://2.............hasta.... NTE.js' type='text/javascript'></script> y en su lugar colocar el script que te dejo abajo, cambiando solo donde pone nombre-etiqueta por la que desees de tu blog.

Descargar archivo

Buenos dias:

En primer lugar decir que es una pagina con unos recursos INTERESANTISIMOS. Por otro lado comuncar que este wigtget me esta dando ultimamente problemas. Incluso la prueba que pones como enlace no funciona. Hay alguna solución?

Este comentario ha sido eliminado por el autor.

Buenas Julius.
Hace tiempo que no entraba en la web, la tengo un poco dejada por motivo laboral.
Descarga la siguiente nota de texto y ejecuta los pasos descritos.

Descargar nota

Este comentario ha sido eliminado por el autor.

Siento ser pesado, pero me he despistado y ya no esta disponible. Serias tan amable de repetir la operacion. Un saludo


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"