はてなブックマーク人気エントリーを「Google Ajax Feed API」を使用して表示

使用方法

<script type="text/javascript" src="http://www.google.com/jsapi?key=API Key"></script>
<script type="text/javascript">
    google.load("feeds", "1");
    function initialize() {
      var feed = new google.feeds.Feed("RSSを取得");
      feed.setNumEntries(10);  //表示件数
	  feed.load(function(result) {
        if (!result.error) {
          var ul = document.getElementById("id名");
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var li = document.createElement("li");
			var img = document.createElement("img");
			img.setAttribute('src', "http://b.hatena.ne.jp/entry/image/" + entry.link);
			li.appendChild(img);
			var link = document.createElement("a");
			link.setAttribute('href', entry.link);
			link.appendChild(document.createTextNode(entry.title));
			li.appendChild(link);
            ul.appendChild(li);
          }
        }
      });
    }
    google.setOnLoadCallback(initialize);
</script>

<ul id="hatena"></ul>

サンプル