Muchos servicios han hecho famosa esta forma de mostrar contenido y quizas el mas famoso Timeline sea el de Facebook,pues bien esta funcion tambien esta disponible para Blogger y debido a que soporta JSON nos permite agregarlo a nuestros blogs,pero antes de que fuera 100% compatible con Blogger
Emilio Cobos tuvo que cambiar un poco la función
init.Puedes ver el truco en funcionamiento en la
siguiente pagina. Para agregar el Timeline a tu blog puedes agregar en la
Edicion HTML de una entrada o pagina de tu blog lo siguiente
<link href="http://veritetimeline.appspot.com/latest/timeline.css" rel="stylesheet"></link>
<style>
#timeline{
height:auto;
position:relative;
border:3px solid #eee;
box-shadow: 0 0 10px rgba(0,0,0,.6);
border-radius:15px;
margin: 0 auto;
}
</style>
<div id="timeline"></div>
<script>
window.TimelineConfig = {
imagenPresentacion:'URL de la imagen de la primera página',
chars:500
}
</script>
<script src='http://emiliocobos.site40.net/blogger/demos/timeline/timeline-min.js'></script>
<script>
var time = new VMM.Timeline("100%","500px");//anchura y altura
$.ajax({
dataType:'jsonp',
url:'http://UERLDTUBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=20',//20 es el nº de entradas
success:function(data){
time.init(bloggerTimeline(data))
}
});
</script>
En color azul estan los valores editables con los que puedes personalizar un poco el truco.
*Necesitas tener en tu plantilla jQuery
Via/
Emilio Cobos