「こうさぎ」つき Mozilla サイドバー

2004-6-10 13:37
このエントリーをはてなブックマークに追加

当サイトの更新情報を表示する Mozilla サイドバーを作ってみました。Mozilla / Firefox / Netscape で利用できます。最新記事10個の見出しを表示しますが、それだけでは面白くないので「こうさぎ」を常駐させてみます(笑)。まったくもって自己満足なのですが。

スクリーンショット

作り方ですが、Movable Type で「テンプレートの編集」→「新しいインデックス・テンプレートを作る」。テンプレートの名前を Mozilla Sidebar、出力ファイル名を sidebar.html などとします。テンプレートの内容は次のようにします。

<?xml version="1.0" encoding="<$MTPublishCharset$>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
  <title><$MTBlogName$></title>
  <meta http-equiv="refresh" content="3600" />
  <link rel="stylesheet" type="text/css" href="<$MTBlogURL$>style/sidebar.css" />
  <base target="_content" />
</head>
<body>
<h1><a href="<$MTBlogURL$>"><$MTBlogName$></a></h1>
<div id="cousagi">
  <script type="text/javascript" src="http://www.blogpet.net/js/こうさぎID.js"></script>
</div>
<ul>
<MTArchiveList lastn="10">
 <MTEntries>
  <li><a href="<$MTEntryPermalink$>"><$MTArchiveTitle$></a></li>
 </MTEntries>
</MTArchiveList>
</ul>
</body>
</html>

こうさぎの ID は自分のものに直してください。このテンプレートを保存して再構築します。あとは sidebar.css というファイルを用意します。お好みでカスタマイズしてください。sidebar.html にアクセスして表示されれば、準備は OK です。Mozilla あるいは Firefox のアドレスバーに次のように打ち込みます。

  javascript:window.sidebar.addPanel ('ウェブログのタイトル', 'http://(ウェブログのURL)/sidebar.html', '');

ウェブログのタイトルと URL は適宜ご自分のものに読み替えてください。Mozilla と Netscape の場合はサイドバーに直接追加されます。Firefox の場合はブックマークに追加されますので、ブックマークから開くとサイドバーに表示されます。もちろん、上記のリンクをトップページなどに追加して公開すれば、訪問者に利用して貰うことも可能です。

コメントはまだありません

No comments yet.

Sorry, the comment form is closed at this time.

33 queries. HTML convert time: 0.086 sec. Powered by WordPress. Valid XHTML
Copyright © 2003-2017 @ futuremix.org ログイン