<div id="blog"><img src="http://support.belladati.com/download/attachments/4620293/ajax-loader.gif" /></div>

<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 class="blogPost"><div class="blogPostTitle"><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>

.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;
}

</style>