Amazon商品の価格変動チェック「あまとも」
コミックダッシュ!は初音ミクGTプロジェクトを応援しています
個人ニュースサイトを巡回する「メガとんトラック」
前の記事次の記事
2008/04/22 23:59 - 2008/04/22

ブログの各記事にはてなブックマークのコメント表示をつけました


masuidriveさん のところで、はてなブックマークのコメントを
ブログに表示するjavascript が公開されていました。
 
■masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
http://blog.masuidrive.jp/index.php/2008/04/17/released-hatena-bookmark-anywhere/
 
実はわたし自身もこれに似たものを作りたいなと思っていたのですが、
自分で作るよりもはるかにエレガントでしたので拝借することに
いたしました。masuidriveさん ありがとうございます <( _ _)>
 
この hatena-bookmark-anywhere.js は、javascript自身で
通信を行ってはてなAPIを叩いてブックマークコメントを取得します。
記事本文の読み込みとは 非同期で通信 しますので、数秒送れて表示
されるような感じですが、逆にいえば、これによって記事の読み込みが
遅くなるといったことはほとんどありません。
 
組み込み方はいたって簡単。
masuidriveさんのブログ記事に掲載されている hatena-bookmark-anywhere.js
という.jsファイルをダウンロードして、自分のサーバスペースに置いておきます。
そして記事HTMLのほうで、
 
 
 <script type= "text/javascript">/*<![CDATA[*/
 var hatena_bookmark_anywhere_limit = 100; // 表示する件数
 var hatena_bookmark_anywhere_style = true; // trueでデフォルトスタイル falseを設定するとCSSでスタイルの指定が可能
 var hatena_bookmark_anywhere_collapse = true; // trueにすると、コメントの書いてないブクマを表示しない。指定しない場合は、表示件数を超えた場合のみコメントを表示しない
 var hatena_bookmark_anywhere_url; // 表示するURL 未指定の場合、現在のページ
 /*]]>*/</script>
 <script src="[設置パス]hatena-bookmark-anywhere.js" type="text/javascript" charset="utf-8"></script>
 <div id="hatena_bookmark_anywhere"></div>

 
 
のように記載するだけです。各js変数で表示件数を変えたりできます。
わたしはコメントのないブクマを表示しないオプションである
hatena_bookmark_anywhere_collapse を true にしてみました。
 
 
実際に表示されるブクマコメントはこんな感じです。
 
■慣習が生み出す情報連鎖 - 2ちゃんねる型スレッド管理のしくみ
http://c-kom.homeip.net/review/blog/archives/2007/01/post_320.html

 
実際、ブログの記事には はてなブックマークにしか コメントが付かない
ということも多いですので、こうして並べて見られるようになるのは
とても助かりますね(=´∇`=)


この記事を書いたのは・・・。
CK@デジモノに埋もれる日々 @ckom
ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。




« 防水Xactiの新型登場 - より買いやい値段になった「Xacti CA8」

トップに戻る

ホリから格好良いDSLite用充電スタンドが登場 - ストラップ位置もOK? »


▼ はてなブックマークのコメント ▼

masuidrive 2008/04/24
ご利用ありがとうございますー
はてなブックマークで
コメントしましょう


2020年あけましておめでとうございます。今年はちゃんと歯を磨きます。。。


2019年も大変お世話になりました。2020年も宜しくお願いいたします。


2019年あけましておめでとうございます。・・からのいきなりノートPC修理のお話


2018年も大変お世話になりました。2019年も宜しくお願いいたします。


デジ埋のブロガー名刺ver.3.1を前川企画印刷さんに作っていただきました。


2018年あけましておめでとうございます。今年は「積んデジ」を減らす・・?


2017年も大変お世話になりました。2018年も宜しくお願いいたします。


2017年あけましておめでとうございます。新年はモニタトラブルから始まります。


2016年も大変お世話になりました。2017年も宜しくお願いいたします。


2016年! あけましておめでとうございます!


2015年も大変お世話になりました。2016年も宜しくお願いいたします。


デジ埋のブロガー名刺ver.3を前川企画印刷さんに作っていただきました。


▼ コメント ▼

ご自由にコメントください(=゜ω゜)ノ
※管理人は多忙のためお返事はほとんどできません(スミマセン)。
スパムおよび本文と無関係なコメントは削除対象になる可能性があります。


保存しますか?




★コミックダッシュ! 10,000人突破ありがとうキャンペーン!(9/18~10/23)
 
デジモノに埋もれる日々 : (C) CKWorks