はてなブックマークウィジェットの設定とカスタマイズ

はてなブックマークウィジェットの設定とカスタマイズ

Posted at December 1,2007 1:00 PM
Tag:[Bookmark, Hatena]

はてなブックマークから、ブログに任意のサイトの注目エントリーを貼り付けられるブログパーツ、「はてなブックマークウィジェット」が公開されました。

はてな、「はてなブックマークウィジェット」を公開

「はてなブックマークウィジェット」を利用すると、指定したサイトの「人気エントリー(被ブックマーク数順)」と「注目エントリー(新着かつ一定数以上の被ブックマーク順)」を表示することができます(下)。

人気エントリー表示例
注目エントリー表示例

1.設定方法

はてなブックマークのトップページ右上にある検索フォームに表示したいサイトの URL を入力。ラジオボタンから "URL" を選択して、「検索」をクリック。

「この注目エントリーをブログに貼り付ける」をクリック。

あとは、設定画面にしたがって設定し、一番下の「コード」の内容を貼り付けます。

人気エントリーを表示する場合は、設定画面の「種類」を選択するか、注目エントリーを表示しているページのタイトル右にあるリンクで切り替えてから、「この注目エントリーをブログに貼り付ける」をクリックします。

2.任意の幅に変更する

幅は、設定画面で3種類(150px/200px/250px)が用意されていますが、スクリプト内の

Hatena.BookmarkWidget.width = 150;

の赤色部分を書き換えれば、サイズを変更することができます。

3.表示記事数を変更する

記事数は、設定画面で1~10が用意されていますが、スクリプト内の

Hatena.BookmarkWidget.num   = 5;

の赤色部分を書き換えれば、記事数を変更することができます。

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

はてなブックマークがブログパーツになりました from Activity of Gaia
はてなブックマークウィジェットの公開について - はてなブックマーク日記 - 機能変更、お知らせなどより。 はてなブックマークウィジェットが公開... [続きを読む]

Tracked on December 3, 2007 10:05 PM
コメント

widget.jsをhackして、自由に表示形式を変えられるようにしてみました。
そちらでは「最近の人気エントリー」「人気エントリー」をページの先頭に表示されていますが、それと同じことを簡単なJavaScriptで行うことができました。

http://www.h-fj.com/blog/archives/2007/12/02-093206.php

[1] Posted by logo : December 2, 2007 10:00 AM

>壱さん
こんばんは。
まずはサーバ移転お疲れ様です。
ページ表示も快適です。

このカスタマイズはいいですね!
ご連絡ありがとうございました。

[2] Posted by yujiro logo : December 2, 2007 9:30 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)