init
, para que soporte objetos directamente, y poder usarla con blogger.
Ésto sería un ejemplo:
Ver TimelineOcultar
Como véis, es una línea cronológica en la que se muestran las entradas por orden cronológico inverso. Es necesario tener en la plantilla jQuery. El código que hay que usar es, en un gadget Html/Javascript, o directamente en la edición de HTML. Tenéis que cambiar algunos valores, como la dirección del blog o la imagen de la primera página.
<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" class="vmm-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://URLDETUBLOG.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>