はてなダイアリーのサイドバーに人気記事や新着記事をはてなブックマーク数とともに表示したいです。

そのサイトの「歴代人気トップ5」は「はてなブックマークウィジット」で作られています。CSSによりスタイルを変えているだけ。歴代人気TOP5はsortにcountを指定しているのがミソ。
どのようなスタイルにしたいのか提示すれば回答があると思います。

Hatena.BookmarkWidget.url = "http://d.hatena.ne.jp/Rootport/";
Hatena.BookmarkWidget.title = "歴代人気トップ5";
Hatena.BookmarkWidget.sort = "count";
Hatena.BookmarkWidget.width = 0;
Hatena.BookmarkWidget.num = 5;
Hatena.BookmarkWidget.theme = "hatenadiary";
Hatena.BookmarkWidget.load(); 

適当にスタイルを見繕ってみました。ウィジェットのコードを書いている部分に以下のコードも追加してみてください。

<style type="text/css">
<!--
.hatena-bookmark-widget-title, .hatena-bookmark-widget-title a {
  background-color: #A9A9A9 !important;
  background-image: none !important;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
.hatena-bookmark-widget-body ul {
  background-color: transparent !important;
}
-->
</style>

自分で簡単なウィジェットを作るなら
http://b.hatena.ne.jp/entrylist?url=http://d.hatena.ne.jp/Rootport/&sort=count
http://b.hatena.ne.jp/entrylist?sort=count&url=http%3A%2F%2Fd.hatena.ne.jp%2FRootport%2F&mode=rss
このページのRSSからデータ引っ張ってきて整形すればいいと思います。


はてなブックマークドキュメント一覧 - Hatena Developer Center