2019年9月
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          

最近のトラックバック

« 映画「姑獲鳥の夏」 | トップページ | 台風キター »

2005.08.21

サイドバーにはてなブックマークを表示

 この頃、Web記事のクリッピングにMyClipよりもはてなブックマークを使うことが多くなってきたので、左下のMyClipのリストをはてなブックマークと入れ替えてみました。

 はてなBMはMyClipと違って、外部サイトで表示させるためのスクリプトは標準では用意されていないので、RSSフィードを表示させるスクリプト、jsRSS++を利用しました。jsRSSは、自分で設置するタイプの、RSS表示スクリプトの生成CGIです。表示内容はテンプレート機能によってある程度カスタマイズできるので、MyClipのリンクと同じように、リンクにカーソルを乗せるとコメントがツールチップ表示されるように、また行末のリンクで同じブックマークをしているユーザの一覧ページに飛べるようにしてあります。
 なお、jsRSS++はPerlのモジュールを利用しているため、ニフティの@homepageサービスでは設置できません。私はロリポップ!のサーバにおいています。

 本当ははてなブックマークAPIを使ってフィードを取得すれば、もっとスマートに表示できるんでしょうが、未知の領域のため手が出せず(^^;)。そのうち勉強して挑戦してみたいと思ってます。

 せっかく頑張って作ったので、続き部分に表示用のテンプレートを掲載しました。

# 新規エントリー表示(時間)
$new_entry = 24;

# 新規エントリーマーク
$new_mark  = 'new!';

# 新規エントリーの前に置くテキスト
$whatsnew_front = '<span class="new">';

# 新規エントリーの後に置くテキスト
$whatsnew_back  = '</span>';

# 日時の表示形式 (y = 年,m = 月,d = 日,H = 時,M = 分,S = 秒)
$time_format = "m/d "; 

# 表示ヘッダ部分の設定(リスト表示用)
$RSS{header} = <<_SRC;
<h2><a href="#SiteLink#" target="_blank">#SiteTitle#</a>
</h2>
<ul><p>
_SRC

# 繰り返しブロックの設定(リスト表示用)
$RSS{repeat} = <<_SRC;
</p>

<li>
  <span class="RSStime">#TimeStamp#</span> 
  <a title="#Description#" href="#Link#" target="_blank">
#Title#</a> <a title="Bookmarks including this entry" 
href="http://b.hatena.ne.jp/entry/#Link#">[users]</a>
 #WhatsNew#

_SRC

# 表示フッタ部分の設定(リスト表示用)
$RSS{footer} = <<_SRC;
</li></ul>
_SRC

 見出し(個人ブックマークへのリンク)とリンクリストの両方を表示させるテンプレートになっているので、ベーシックコースなどでマイリストを使って貼りこむ場合はそのまま使うと変なことになります(見出しが二重に表示される)。その場合はh2タグをdivかなにかで置き換えて使って下さい。

« 映画「姑獲鳥の夏」 | トップページ | 台風キター »

ウェブログ・ココログ関連」カテゴリの記事

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: サイドバーにはてなブックマークを表示:

« 映画「姑獲鳥の夏」 | トップページ | 台風キター »

FriendFeed

BlogPeople


無料ブログはココログ