Mostrar últimas entradas (transitorio)

11 de abril de 2009 51 comentarios ,
Gracias a Hoctro podemos implementar este gadget en nuestro blog. Se trata de un widget que muestra los titulares de los últimos post en forma cambiante. Pueden ver un ejemplo aquí. Para ponerlo en nuestro blog hacemos lo siguiente:

  1. Vamos a http://code.google.com/apis/ajaxfeeds/signup.html, aceptamos los terminos y condiciones, escribimos la dirección de nuestro blog y damos click en Generar clave de API.
  2. Ahora vamos a Diseño > Edición de HTML y SIN expandir los artilugios pegamos antes de </head> lo siguiente:
    <script src='http://www.google.com/jsapi/?key=TU CLAVE' type='text/javascript'/>
    <script src='http://dl.getdropbox.com/u/864517/entradas-transitorias.js' type='text/javascript'/>

    <style type='text/css'>
    @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

    #feedControl {
    margin-top : 20px;
    margin-left: auto;
    margin-right: auto;
    width : 400px;
    font-size: 16px;
    }
    .gfg-title {
    color : #612e00;
    background-color: #FFF3DB;
    }
    .gfg-title a {
    color : #612e00;
    }
    .gfg-root {
    border: 1px solid #00000;
    font-family: "Georgia", sans-serif;

    }
    </style>
    <script type='text/javascript'>
    function load() {
    var homeUrl = "<data:blog.homepageUrl/>";
    var feed = homeUrl + "feeds/posts/default";
    new GFdynamicFeedControl(feed, "feedControl",
    {numResults : 5});


    }
    google.load("feeds", "1");
    google.setOnLoadCallback(load);
    </script>
  3. Ahora en un elemento Javascript/HTML pega lo siguiente:
<div id="feedControl">Cargando...</div>

En donde dice TU CLAVE lo sustituimos por la primera clave API que generamos anteriormente.
Clave API

Esta herramienta mostrará los cinco últimos artículos, si deseas cambiarlo sustituye el 5 por el número de posts que quieras que se muestren, el máximo es de 25 posts. Este gadget lo pueden poner donde ustedes quieran, sólo arrastran el elemento Javascript/HTML que crearon y lo colocan donde más les guste.


51 comentarios en:

" Mostrar últimas entradas (transitorio) "

  1. Hola Víctor, la medida del código de ejemplo es de 400px pero si vas a colocarlo en la barra lateral ajústalo donde dice width : 400px; al tamaño de tu barra lateral, en este caso 260px.
    Saludos.

    ResponderEliminar
  2. Ya lo puse, pero como hago que cuando alguien abra el link, no se abra en una ventana aparte.

    ResponderEliminar
  3. Hola el venado,

    Tendrías que editar el script y subirlo a tu propio servidor, pero si quieres te digo cómo hacerlo.

    Saludos.

    ResponderEliminar
  4. Para que no batalles, ya he editado el script, repite de nuevo el segundo paso (lo que se pega antes de </head> ) y asunto arreglado.

    Saludos.

    ResponderEliminar
  5. Como hago para que salga de titulo Ultimos posts en vez de el titulo de mi blog?

    ResponderEliminar
  6. Hola La Divisoria,

    Este gadget captura automáticamente el nombre del blog, lo que podrías hacer es ponerle el título al elemento HTML/Javascript y de esa forma el gadget ya tendría el nombre que tú quieres.
    Saludos.

    ResponderEliminar
  7. Excelente!!! he seguido muchos de tus consejos para mi blog.

    http://maximatecnologia.blogspot.com/

    ResponderEliminar
  8. una de las pocas cosas que no he podido hacer es enumerar los comentarios... (quizas sea por el tipo de plantilla) aunq bueno, no tengo muchos comentarios en mi blog! :(

    ResponderEliminar
  9. Habría que ver qué método usas para enumerar los comentarios pero en sí no deberías tener problemas, a menos que como dices, tengas una plantilla que no se deje.

    Saludos.

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

    ResponderEliminar
  11. Puedes por favor ayudarme? en el siguiente link te paso el codigo que utilice...

    http://www.salboutt.com.ve/imagen_blog/numeracioncomentarios.txt

    ResponderEliminar
  12. Me parece que el código que te dieron no está completo, te dejo un enlace donde Rosa tiene una explicación que es efectiva (si sigues los pasos al pie de la letra)

    http://elescaparatederosa.blogspot.com/2009/04/numeracion-de-comentarios.html

    Saludos.

    ResponderEliminar
  13. El Potro, gracias por tu ayuda, hecho al pie de la letra, pero sin resultados positivos en mi blog, ha de ser por la plantilla... lo he probado en otro blog y anda de 10... si encuentro alguna solución les aviso!

    ResponderEliminar
  14. Entonces sí se trata de tu plantilla que no debe tener los códigos de los comentarios completos :S

    ResponderEliminar
  15. Pues si, quizas sea eso, tampoco logre que funcionara esto.. http://ciudadblogger.com/2009/08/quitar-el-icono-de-blogger-en-los.html

    Es notorio que la mayoria de los fail que he tenido son en las secciones de comentarios, estoy pensando cambiar la plantilla del blog... de donde me recomiendas que descargue una? quizas las que yo pueda descargar tenga los mismo o mas errores.

    Gracias por toda tu ayuda!

    ResponderEliminar
  16. Pues sería difícil saber cuál plantilla es buena o cuál no, eso sólo lo sabe cada diseñador que las hace.
    En el menú de arriba puedes ver unas que he hecho, o bien, puedes usar una Mínima y de ahí partir para personalizarla a tu gusto.

    Saludos.

    ResponderEliminar
  17. Gracias mil por tu trabajo Potro, yo he montado un periodico digital para mi suegro, este www.lavozperiodistica.blogspot.com

    El ultimo gadget que he puesto es este y funciona muy bien, pero ¿hay alguna forma de ponerle un leer + para que te dirija hacia ese post?

    ResponderEliminar
  18. Ponerle un Leer más no se puede, pero igual se puede hacer click sobre el título y dirigirá hacia la entrada correspondiente.

    ¡Saludos!

    ResponderEliminar
  19. Gracias Potro voy a ver si doy hecho..

    Un saludo.

    ResponderEliminar
  20. Hola
    Un truco muy práctico, y muy bien explicado. Lo he colocado como dices y me gusta mucho pero en mi página http://www.diariopegassus.com/ se juntan algunos parrafos. ¿Que puede estar mal?.
    Gracias y un saludo.

    ResponderEliminar
  21. No sé, tendría que verlo puesto en tu blog.

    ResponderEliminar
  22. ME GUSTA MUCHO GRACIAS! SOLO UNA PREGUNTA PUEDES HACER QUE SALGAN LAS IMÁGENES TAMBIÉN CON EL TITULO? ESO SERIA GENIAL Y A MI ME SERVIRÍA MUCHO YA QUE LLAMARÍA MAS LA ATENCIÓN DE LOS VISITANTES

    ResponderEliminar
  23. Con ese método no, para esos casos es mejor usar un slider como Orbit, pero no es un sistema automatizado como este, sino que debes agregar el contenido manualmente.

    Saludos.

    ResponderEliminar
  24. gracias amigo tu siempre dandome lo mejor para mi blog!!
    Saludos..

    ResponderEliminar
  25. HOLA POTRO puse este gadget en un blog http://areadehumanidadesrhida.blogsspot.com/ se ve muy bien exepto el color en el cuadro de titulo del gadget que es azul como la interfaz de google, como ago para cambiarlo a un color negro o transparente

    ResponderEliminar
  26. potro gracias por tu ayuda de hecho el mantenimiento d la plataforma blogger nos ha borrado cambios en nustros blogs realizados desde el miercoles.... jajaja y no podiamos comentar en ciudad blogger....

    ResponderEliminar
  27. En esta parte se puede cambiar:
    background-color: #FFF3DB;

    Si no hiciera efecto entonces lo pones así:
    background-color: #FFF3DB !important;

    Saludos!

    ResponderEliminar
  28. Bueno Potro, a mi me sale este mensaje..donde coloque el gaget, que seria lo que me falto...

    Feed could not be loaded.

    ResponderEliminar
  29. Quizá ha de estar fallando, intenta ponerlo en otro blog para ver cómo se comporta ahí, así descartamos que sea o no el feed de tu blog.

    ResponderEliminar
  30. Hola Potro!
    De nuevo es un placer visitar tu blog y usar tus truquitos en el mio.
    Pero en este caso no vengo por mi blog, debo mejorar un blog para la escuela y y necesito este gadget la pregunta es ¿como hiciera para que no se muestre el resumen en la parte de arriba?

    Muchas gracias!

    ResponderEliminar
  31. Hola de nuevo Mr. Sebas Calvo,

    Puedes probar poner arriba de #feedControl { esto:

    .gf-snippet {display:none;}

    ¡Saludos!

    ResponderEliminar
  32. AYUDA, me aparece esto despues de colocar el elemento html/javascript:

    "Feed could not be loaded."

    Q' es lo q' pasa¿¿

    ResponderEliminar
  33. Revisa que tengas habilitados los feeds de tu blog, y que tu blog no sea privado.

    ResponderEliminar
  34. gracias x la anterior aclaracion, me sirvió!
    Ahora tengo otra consulta, no quiero que aparezca la fecha de publicación de los post ni quien es el autor, se puede hacer eso?

    ResponderEliminar
  35. Prueba poniendo arriba de .gfg-title { esto:

    .gf-author, .gf-relativePublishedDate {display:none;}

    ResponderEliminar
  36. Hola, por qué cuándo agrego un nuevo post no se actualiza la caja de titulares. Por ejemplo: he tenido dos post 3 post y ahora he agregado uno más y no aparece en la ventana de transiciones.

    La parte de {numResults : 5}); el "5" lo he cambiado por "25"

    ResponderEliminar
  37. El gadget funciona a través del feed, y el feed no se actualiza de inmediato. Necesitas esperar hasta que el feed recopile la nueva información y entonces aparecerá ahí.

    ResponderEliminar
  38. Que hermoso tu plantilla potro!!! eres lo maximoooo (Y) Rate: ★★★★★

    Felicidades!!!!

    ResponderEliminar
  39. Muchas gracias Antoxwoman, aprecio mucho tu opinión :)

    ResponderEliminar
  40. gracias Potro, traté de generar una clave en google API pero no pude, no me sale nada de registrar ni de ingresar mi blog, como hago??

    gracias

    ResponderEliminar
  41. osea, algo así estoy buscando como este gadget, quisiera saber si hay alguno que cada entrada se muestre solamente el link, más o menos como taringa, en su pagina principal solo muestra los links del titulo de los post.

    Este gadget estaría perfecto solo que no me sale como generar una clave API para mi blog, si conoces algún otro gadget parecido serías lo máximo! :D

    Me gusta este por que quisiera mostrar como máximo 50 entradas.

    ResponderEliminar
    Respuestas
    1. Esa API ya no permite crear más, puedes intentarlo con otra API, como la de Google+ que se explica aquí:
      http://ciudadblogger.com/2012/01/mostrar-las-publicaciones-de-google-en.html

      Eliminar
    2. Gracias Potro, me sirvió :)
      Si no es mucho pedir, por si acaso no conoces algún gadget parecido? el que puse solo muestra unas 22 entradas, yo quisiera mostrar más (al rededor de 30 más o menos) y solo los títulos de las entradas como en una lista más o menos como la que tengo aquí en la pagina principal en la parte izquierda:

      curso-photoshop-gratis.blogspot.com

      claro que esos son solo links de videotutoriales de algunas entradas que quiero que siempre estén ahí pero quisiera que en la parte derecha salgan los enlaces pero que sean solamente de las entradas del blog.

      Gracias y disculpa las molestias :)

      Eliminar
    3. ah, tambien quería saber si me puedes ayudar con este tema, resulta que al compartir alguna entrada de ese blog en facebook sale la imagen de mi perfil de blogger, como puedo hacer para quitar eso?

      esto es lo que me sale de diferentes formas cuando pongo algún link de este blog (curso-photoshop-gratis.blogspot.com):
      http://k36.kn3.net/7A2E8642B.png

      creo que puse mal el codigo de entradas resumidas por que sale la imagen cuadradita cuando no tiene niguna foto que mostrar, y tambien sale mi imagen de perfil no se porque jaja que tengo que cambiar para que no salga eso??

      gracias

      Eliminar
    4. Pues debe haber algún método, quizá en Vagabundia, Olobloger o Gema tengan algún método de últimas entradas que sea como lo que estás buscando, será cuestión que te des una vuelta por ahí.
      Lo otro es un problema común, sin embargo en este caso podría ser porque no tienes ninguna otra imagen en la portada, quizá si tuvieras alguna imagen no saldría la de tu perfil.

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

    ResponderEliminar
    Respuestas
    1. Con la API que se menciona en esta entrada ya no se puede, Google cerró la creación de nuevas APIs desde ahí, es por eso que se deberá hacer con alguna otra como con la de Google+, funciona igual no te preocupes ;)

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

      Eliminar
    3. No. Sólo tienes que seguir los primeros pasos de esa entrada para conseguir la API, nada más. Ya que tengas la API puedes usarla en este truco.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger