Movable Type 備忘録

ブックマークレットを外部ファイルとして管理する

Jun302007
Author: bzbell
Categories: Customize
Tags: Bookmarklets, Customize, MovableType

Next Page: 半透明レイヤーでページブロックしてみる(blockUI)
Prev Page: jQueryでフェードするメッセージ表示してみる

こんにちわ^^

今日は久しぶりに '銀タコ' のたこ焼き食べました。
たこ焼き大好き bzbell です (●´∀｀●)

ホントは 2パック食べたかったけど、外だし人目があるので 1パックで我慢しました (;￣∇￣A

さて、今回は各エントリに貼り付けてるブックマークレット用のインデックス・テンプレートを作ってみよう!! です。

ブックマークレット用インデックス・テンプレート作成

ブックマークレット用のインデックス・テンプレートを以下に記します。
ポップアップウィンドウで登録できるようにしています。

ブックマーク・スクリプト(テキスト版)

<?php
if (!isset($_REQUEST['title']) || !isset($_REQUEST['url'])) return;
$title = $_REQUEST['title']; // エントリタイトル
$url = $_REQUEST['url']; // エントリURL
$blogname = '<$MTBlogName$>%20-%20';// ブログ名称
// ★ブックマークレット一覧
// [ブックマーク名称] [ソーシャルブックマーク・サイトで配布されてるURL]
$bookmark = array('Hatena::Bookmark' => 'http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&url=%s&title=%s',
'del.icio.us' => 'http://del.icio.us/post?url=%s&title=%s',
'Livedoor Clip' => 'http://clip.livedoor.com/clip/add?link=%s&title=%s',
'Yahoo Bookmark' => 'http://bookmarks.yahoo.co.jp/action/bookmark?fr=ybm_livedoor&r=my&u=%s&t=%s',
'Google Bookmark' => 'http://www.google.com/bookmarks/mark?op=add&hl=ja&bkmk=%s&title=%s',
'POOKMARK. Airlines' => 'http://pookmark.jp/post?url=%s&title=%s',
'nifty Clip' => 'http://clip.nifty.com/create?url=%s&title=%s',
'Buzzurl' => 'http://news.ecnavi.jp/config/add/confirm?url=%s&title=%s',
);
$out = '';
foreach ($bookmark as $key => $value)
{
$out .= '<a href="javascript:window.open(\'';
$out .= sprintf($value, $url, $blogname . $title);
$out .= '\',\'_blank\', \'width=520,height=600,resizable=1,scrollbars=1\');undefined;" title="' . $key . 'に追加">' . $key . "</a>\n";
}
echo $out;
?>

上記ではリンクをテキストで表示させてますが、アイコン表示させたい場合には赤い字の部分を変更します。
具体的には以下のようになります。

ブックマーク・スクリプト(アイコン版)

<?php
if (!isset($_REQUEST['title']) || !isset($_REQUEST['url'])) return;
$title = $_REQUEST['title']; // エントリタイトル
$url = $_REQUEST['url']; // エントリURL
$blogname = '<$MTBlogName$>%20-%20';// ブログ名称
// ★ブックマークレット一覧
// [ブックマーク名称] [ソーシャルブックマーク・サイトで配布されてるURL]
$bookmark = array('Hatena::Bookmark' => 'http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&url=%s&title=%s',
'del.icio.us' => 'http://del.icio.us/post?url=%s&title=%s',
'Livedoor Clip' => 'http://clip.livedoor.com/clip/add?link=%s&title=%s',
'Yahoo Bookmark' => 'http://bookmarks.yahoo.co.jp/action/bookmark?fr=ybm_livedoor&r=my&u=%s&t=%s',
'Google Bookmark' => 'http://www.google.com/bookmarks/mark?op=add&hl=ja&bkmk=%s&title=%s',
'POOKMARK. Airlines' => 'http://pookmark.jp/post?url=%s&title=%s',
'nifty Clip' => 'http://clip.nifty.com/create?url=%s&title=%s',
'Buzzurl' => 'http://news.ecnavi.jp/config/add/confirm?url=%s&title=%s',
);
$imglists = array('Hatena::Bookmark' => '<$MTBlogURL$>image/btn_hatena.gif',
'del.icio.us' => '<$MTBlogURL$>image/btn_delicious.gif',
'Livedoor Clip' => '<$MTBlogURL$>image/btn_livedoorclip.gif',
'Yahoo Bookmark' => '<$MTBlogURL$>image/btn_yahoo.gif',
'Google Bookmark' => '<$MTBlogURL$>image/btn_google.gif',
'POOKMARK. Airlines' => '<$MTBlogURL$>image/btn_pookmark.gif',
'nifty Clip' => '<$MTBlogURL$>image/btn_niftyclip.gif',
'Buzzurl' => '<$MTBlogURL$>image/btn_buzzurl.gif',
);
$out = '';
foreach ($bookmark as $key => $value)
{
$out .= '<a href="javascript:window.open(\'';
$out .= sprintf($value, $url, $blogname . $title);
$out .= '\',\'_blank\', \'width=520,height=600,resizable=1,scrollbars=1\');undefined;" title="' . $key . 'に追加"><img src="' . $imglists[$key] . '" width="22" height="21" alt="" /></a>' . "\n";
}
echo $out;
?>

上記インデック・テンプレートのいずれかをコピペして新規作成します。
そして、適当な名前(たとえば、bookmark.php)を付けて再構築します。

次に個別エントリ・アーカイブ内の、ブックマークレットを表示したところに以下を追加します。

<?php include('<$MTBlogURL$>bookmarklet.php?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>'); ?>

青い字の部分を各自の環境に合わせて変更します。
そうすると、以下のように出力されます。

<a href="javascript:window.open('http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&url=http://bizcaz.com/archives/2007/06/30-204458.php&title=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="Hatena::Bookmarkに追加"><img src="http://bizcaz.com/image/bookmark/btn_hatena.gif" width="22" height="21" alt="" /></a>
<a href="javascript:window.open('http://del.icio.us/post?url=http://bizcaz.com/archives/2007/06/30-204458.php&title=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="del.icio.usに追加"><img src="http://bizcaz.com/image/bookmark/btn_delicious.gif" width="22" height="21" alt="" /></a>
<a href="javascript:window.open('http://clip.livedoor.com/clip/add?link=http://bizcaz.com/archives/2007/06/30-204458.php&title=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="Livedoor Clipに追加"><img src="http://bizcaz.com/image/bookmark/btn_livedoorclip.gif" width="22" height="21" alt="" /></a>
<a href="javascript:window.open('http://bookmarks.yahoo.co.jp/action/bookmark?fr=ybm_livedoor&r=my&u=http://bizcaz.com/archives/2007/06/30-204458.php&t=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="Yahoo Bookmarkに追加"><img src="http://bizcaz.com/image/bookmark/btn_yahoo.gif" width="22" height="21" alt="" /></a>
<a href="javascript:window.open('http://www.google.com/bookmarks/mark?op=add&hl=ja&bkmk=http://bizcaz.com/archives/2007/06/30-204458.php&title=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="Google Bookmarkに追加"><img src="http://bizcaz.com/image/bookmark/btn_google.gif" width="22" height="21" alt="" /></a>
<a href="javascript:window.open('http://pookmark.jp/post?url=http://bizcaz.com/archives/2007/06/30-204458.php&title=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="POOKMARK. Airlinesに追加"><img src="http://bizcaz.com/image/bookmark/btn_pookmark.gif" width="22" height="21" alt="" /></a>
<a href="javascript:window.open('http://clip.nifty.com/create?url=http://bizcaz.com/archives/2007/06/30-204458.php&title=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="nifty Clipに追加"><img src="http://bizcaz.com/image/bookmark/btn_niftyclip.gif" width="22" height="21" alt="" /></a>
<a href="javascript:window.open('http://news.ecnavi.jp/config/add/confirm?url=http://bizcaz.com/archives/2007/06/30-204458.php&title=MovableType備忘録%20-%20ブックマークレットを外部ファイルとして管理する','_blank', 'width=520,height=600,resizable=1,scrollbars=1');undefined;" title="Buzzurlに追加"><img src="http://bizcaz.com/image/bookmark/btn_buzzurl.gif" width="22" height="21" alt="" /></a>