...
HTML |
---|
<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; } #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; } #splitter #splitter-sidebar { width: 0px !important; } </style> </style> |