メニュー
ひとぅ
新しいもの好きな「ひとぅ」が2007年10月からガジェット製品や雑貨、面白いウェブサービスなどの情報を発信しています。お得な情報や役立つTIPSも人気です。
アーカイブ
カテゴリー

adiaryにはてブのコメントを表示させる方法

  • URLをコピーしました!

※当サイトではアフィリエイト広告を利用しています

20080909_070000.jpg
私の気まぐれブログでも、たま?に「はてなブックマーク(以下はてブ)」を登録していただく事があります。ブログ記事のコメントにひと言書くのは抵抗があるようですが、はてブのご自身のコメントにひと言感想を書く事がはてブの場合多いようです。

このコメント機能には賛否両論もあるようですが私は面白いなと思います。はてブが付いた記事は必ず、はてなのサイトでコメントの内容を確認するようにしています。(ブックマーク数は表示させることはできますが、コメントの内容は確認できないため、はてなのサイトに訪問する必要があります。……が、これが面倒なんです!)

はてなダイアリーでは記事の最後に、はてブのコメントが表示されますが、他のブログでも、はてブのコメントを表示するJavaScripts「hatana_bookmark_anywhere.js*1を見つけたので、早速ひとぅブログにも設置してみました。

画像のように記事の最後にはてブの一覧とコメントが表示されます。これは便利!!

以下にadiaryへの設置方法をご紹介します。

*1 : hatenaでなくてhatanaとなっているのは作者さんが素で間違ってしまったそうです。なので突っ込まないように!!

目次

adiary にはてなブックマークのコメントを表示させる方法

  1. hatana_bookmark_anywhere.js」をここからダウンロードする。
  2. FTPソフトで任意の場所にアップロードします。(ここではadairy.cgiと同じ階層(ルートディレクトリ)にアップした例で説明します)
  3. 「diary.user.skel」に「_main_onelog.html」がある場合はFTPソフトでダウンロードしてテキストエディタで開きます。
    ない場合は、「diary.skel」から「_main_onelog.html」をFTPソフトでダウンロードしてテキストエディタで開きます。
  4. 175行目付近の
    <$end.trackback>
    </div></div> <!-- end of day-additonal2/day-additonal -->
    </div></div> <!-- end of day2/day -->
    <$end>
    

    <$end.trackback>
    </div></div> <!-- end of day-additonal2/day-additonal -->
    <script type= "text/javascript">/*<![CDATA[*/
    // var hatena_bookmark_anywhere_limit = 10; // 表示する件数
    // var hatena_bookmark_anywhere_style = true; // trueでデフォルトスタイル falseを設定するとCSSでスタイルの指定が可能
    // var hatena_bookmark_anywhere_collapse; // 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>
    </div></div> <!-- end of day2/day -->
    <$end>
    

    と書き換えます。

  5. 「_main_onelog.html」を上書き保存し「diary.user.skel」ディレクトリ内にFTPソフトでアップロードします。

以上で完了です。記事を単独表示させてみて、コメント・トラックバックの下にはてブのコメントが表示されることを確認してください。

応用編として表示する件数を指定したり、コメントのないブックマークを非表示にしたりできます。(コメントアウト「//」を削除して任意のものに変更してください。)

この記事が気に入ったら
フォローしてね!

この記事をシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次