人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

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

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

●質問者: クマムシ博士
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●200ポイント ベストアンサー

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


Cherenkovさんのコメント
まずは「はてなブックマークウィジット」のCSSを変えるだけで希望通りになるか確認するのが先ですかね。

クマムシ博士さんのコメント
参考になります。有り難うございます。

クマムシ博士さんのコメント
試行錯誤してなんとか自分好みのデザインにできました。有り難うございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ