Movable Type 備忘録

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

  • Jun302007
  • Vote:
    http://bizcaz.com/archives/2007/06/30-204458.php
  • Categories: Customize
  • Tags:
  • Social Bookmark

こんにちわ^^

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. <a href="javascript:window.open('http://b.hatena.ne.jp/add?mode=confirm&amp;is_bm=1&amp;url=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>
  2. <a href="javascript:window.open('http://del.icio.us/post?url=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>
  3. <a href="javascript:window.open('http://clip.livedoor.com/clip/add?link=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>
  4. <a href="javascript:window.open('http://bookmarks.yahoo.co.jp/action/bookmark?fr=ybm_livedoor&amp;r=my&amp;u=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>
  5. <a href="javascript:window.open('http://www.google.com/bookmarks/mark?op=add&amp;hl=ja&amp;bkmk=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>
  6. <a href="javascript:window.open('http://pookmark.jp/post?url=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>
  7. <a href="javascript:window.open('http://clip.nifty.com/create?url=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>
  8. <a href="javascript:window.open('http://news.ecnavi.jp/config/add/confirm?url=http://bizcaz.com/archives/2007/06/30-204458.php&amp;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>

このようにして外部ファイルとすることで管理が楽になります。
以上、ぐーたら bzbell のワンポイント・レッスンでした (￣∇￣)/

- 2007.07.01 追記 -

ヤフー・ブックマークとグーグル・ブックマークを追加しました。

 Trackback Pings(0)

No trackbacks found.

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード