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:
- 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.
- 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> - 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.
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.
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.
Amigo lo hice pero no cuadra en la barra lateral
ResponderEliminarHola 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.
ResponderEliminarSaludos.
Ya lo puse, pero como hago que cuando alguien abra el link, no se abra en una ventana aparte.
ResponderEliminarHola el venado,
ResponderEliminarTendrías que editar el script y subirlo a tu propio servidor, pero si quieres te digo cómo hacerlo.
Saludos.
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.
ResponderEliminarSaludos.
Como hago para que salga de titulo Ultimos posts en vez de el titulo de mi blog?
ResponderEliminarHola La Divisoria,
ResponderEliminarEste 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.
Excelente!!! he seguido muchos de tus consejos para mi blog.
ResponderEliminarhttp://maximatecnologia.blogspot.com/
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! :(
ResponderEliminarHabrí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.
ResponderEliminarSaludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarPuedes por favor ayudarme? en el siguiente link te paso el codigo que utilice...
ResponderEliminarhttp://www.salboutt.com.ve/imagen_blog/numeracioncomentarios.txt
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)
ResponderEliminarhttp://elescaparatederosa.blogspot.com/2009/04/numeracion-de-comentarios.html
Saludos.
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!
ResponderEliminarEntonces sí se trata de tu plantilla que no debe tener los códigos de los comentarios completos :S
ResponderEliminarPues si, quizas sea eso, tampoco logre que funcionara esto.. http://ciudadblogger.com/2009/08/quitar-el-icono-de-blogger-en-los.html
ResponderEliminarEs 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!
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.
ResponderEliminarEn 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.
Gracias mil por tu trabajo Potro, yo he montado un periodico digital para mi suegro, este www.lavozperiodistica.blogspot.com
ResponderEliminarEl 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?
Ponerle un Leer más no se puede, pero igual se puede hacer click sobre el título y dirigirá hacia la entrada correspondiente.
ResponderEliminar¡Saludos!
Gracias Potro voy a ver si doy hecho..
ResponderEliminarUn saludo.
Hola
ResponderEliminarUn 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.
No sé, tendría que verlo puesto en tu blog.
ResponderEliminarME 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
ResponderEliminarCon 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.
ResponderEliminarSaludos.
gracias amigo tu siempre dandome lo mejor para mi blog!!
ResponderEliminarSaludos..
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
ResponderEliminarpotro 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....
ResponderEliminarEn esta parte se puede cambiar:
ResponderEliminarbackground-color: #FFF3DB;
Si no hiciera efecto entonces lo pones así:
background-color: #FFF3DB !important;
Saludos!
Bueno Potro, a mi me sale este mensaje..donde coloque el gaget, que seria lo que me falto...
ResponderEliminarFeed could not be loaded.
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.
ResponderEliminarHola Potro!
ResponderEliminarDe 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!
Hola de nuevo Mr. Sebas Calvo,
ResponderEliminarPuedes probar poner arriba de #feedControl { esto:
.gf-snippet {display:none;}
¡Saludos!
AYUDA, me aparece esto despues de colocar el elemento html/javascript:
ResponderEliminar"Feed could not be loaded."
Q' es lo q' pasa¿¿
Revisa que tengas habilitados los feeds de tu blog, y que tu blog no sea privado.
ResponderEliminargracias x la anterior aclaracion, me sirvió!
ResponderEliminarAhora tengo otra consulta, no quiero que aparezca la fecha de publicación de los post ni quien es el autor, se puede hacer eso?
Prueba poniendo arriba de .gfg-title { esto:
ResponderEliminar.gf-author, .gf-relativePublishedDate {display:none;}
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.
ResponderEliminarLa parte de {numResults : 5}); el "5" lo he cambiado por "25"
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í.
ResponderEliminarESTA DE MARAVILLA. GRACIAS POTRO.
ResponderEliminarQue hermoso tu plantilla potro!!! eres lo maximoooo (Y) Rate: ★★★★★
ResponderEliminarFelicidades!!!!
Muchas gracias Antoxwoman, aprecio mucho tu opinión :)
ResponderEliminargracias 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??
ResponderEliminargracias
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.
ResponderEliminarEste 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.
Esa API ya no permite crear más, puedes intentarlo con otra API, como la de Google+ que se explica aquí:
Eliminarhttp://ciudadblogger.com/2012/01/mostrar-las-publicaciones-de-google-en.html
Gracias Potro, me sirvió :)
EliminarSi 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 :)
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?
Eliminaresto 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
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í.
EliminarLo 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.
Este comentario ha sido eliminado por el autor.
ResponderEliminarCon 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 ;)
EliminarEste comentario ha sido eliminado por el autor.
EliminarNo. 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