Page History

<script>


jQuery(function($){

    var stamp = new Date().getTime();
    jQuery.getJSON('http://www.belladati.com/blog:jsonFeed?count=10&stamp='+stamp+'&callback=?',function(){});

});

function blogPostCallback(data) {
 jQuery('#blog').empty();
 jQuery('#blog').addClass("blogComplete");
  jQuery.each(data, function(i, post){
var published = Date.parse(post.published);
          jQuery('#blog').append(
                '<div clas="post blogPost"><div class="blogPost"><strong><a target="_blank" rel="external" href="'+post.url+'">'
                +post.title
                +'</a></strong></div>'+
'<a target="_blank" rel="external" href="'+post.url+'"><img class="blogPostImage" src="'+post.image+'" /></a>'+
                  '<div>'+post.published.substr(0,10)+'</div>'+
                 '<div>'+post.short+'</div>'+

                   '</div>'
            );

});

}


</script>
<style>
.post {
padding-bottom: 6px;
margin-bottom: 6px !important;
border-bottom: 1px solid #e5e5e5;
}
.blogPost {
padding-left: 100px;
position: relative;
min-height: 80px;
}
.blogPostDetail {
color: gray !important;
margin-bottom: 4px;
font-size: 80%;
}
.blogPostTitle {
margin-bottom: 1px;
}
.blogPostImage {
  position: absolute;
  left: 0;
  top: 0;
}

#twitter {
border-top: 1px solid silver;
padding: 10px 14px;
padding-left: 90px;
position: relative;
margin-top: 10px;
}
#twitter h4 {
margin-top: 0;
padding-top: 0;
}
#twitter img.logo {
position: absolute;
left: 10px;
top: 10px;
}

</style>