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


具体的には、以下のページの「最近の人気エントリー」の「歴代人気トップ5」ように表示したいです。

http://d.hatena.ne.jp/Rootport/

はてなのRSSモジュールだとブックマーク数が表示されません。

ちなみに、はてなブックマークウィジット( http://b.hatena.ne.jp/guide/blogparts.show?type=widget&redirect=1&url= )はデザインが好みでないので、使いたくありません。

どなたか、やり方がお分かりの方がいらっしゃれば、教えていただけますと嬉しいです。

回答の条件
  • 1人10回まで
  • 13歳以上
  • 登録:2012/01/13 21:39:43
  • 終了:2012/01/14 06:05:13

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932012/01/13 22:01:57

ポイント200pt

そのサイトの「歴代人気トップ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

他1件のコメントを見る
id:horikawad

参考になります。有り難うございます。

2012/01/14 02:16:44
id:horikawad

試行錯誤してなんとか自分好みのデザインにできました。有り難うございました。

2012/01/14 06:04:36

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません