Mostrar últimas entradas (transitorio)

|

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.

17 comentarios:

El Potro™ dijo...

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.

el venado dijo...

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

El Potro™ dijo...

Hola el venado,

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

Saludos.

El Potro™ dijo...

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.

La Divisoria dijo...

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

El Potro dijo...

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.

Ŵebmaster™ dijo...

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

http://maximatecnologia.blogspot.com/

Ŵebmaster™ dijo...

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! :(

El Potro dijo...

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.

Ŵebmaster™ dijo...

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

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

El Potro dijo...

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.

Ŵebmaster™ dijo...

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!

El Potro dijo...

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

Ŵebmaster™ dijo...

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!

El Potro dijo...

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.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo