recent post list blogger

recent post list blogger

by asfar mohamed

HTML

<div id="blogContainer"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $.ajax({
    url: 'http://liveallbooks.blogspot.com/feeds/posts/default?alt=json-in-script',
    type: 'get',
    dataType: "jsonp",
    success: function(data) {
      for (var i = 0; i < data.feed.entry.length; i++) {
        $('#blogContainer').append('<div class="blogItem"><h2>' + data.feed.entry[i].title.$t

          + '<br/>' + data.feed.entry[i].id.$t

          + '<br clear="all"></div>');
      }
    }
  });

</script>

CSS

a,
a:visited {
  font-weight: 700;
  color: rgb(53, 152, 163);
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
  color: rgb(95, 95, 95);
}