2004年03月24日

FirefoxでBlogPeopleサイドバー

BlogPeopleの中の人はとても忙しそうなので、簡単なので自分でやりました。
FirefoxでBlogPeopleのリンクリストをサイドバーに表示する方法について説明します。
FirefoxはWindowsとMacでバージョン0.8でのみ(ってそれしかないけど)テストしました。

ではその手順です。


まず、以下のコードをコピーして1つのHTMLファイルを作成します。ここではhoge.htmlとしたとします。
「 BlogPepleが生成したJavaScriptコード」の部分にはBlogPeopleが生成したコードに加え、あなたのサイトの文字エンコーディングタイプを指定します。

例えばあなたのサイトがUTF-8だったら
<script language="javascript" type="text/javascript" src="http://www.blogpeople.net/display/usr/123456789.js" charset="UTF-8"></script>
という感じでUTF-8を指定します。文字化けしたらShift_JISとEUC-JPを指定すればどれかで文字化けしなくなるでしょう。

[追記]
新しいウィンドウが開いていや、ってときはJavaScriptのsrc部分を
http://www.blogpeople.net/display/javacode.jsp?sidebar=1&key=jsファイル名の文字列部分
とするといいみたいです。

<!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" lang="en" xml:lang="en">
<head>
<title>BlogPeople: Sidebar</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<link rel="stylesheet" href="http://www.blogpeople.net/sidebar.css" type="text/css" />
<base target="_content">
</head>
<body>
<div class="logo">
<div align="center">
<a href="http://www.blogpeople.net" target="_main"><img src="http://www.blogpeople.net/blop-logo-white-small.gif" border="0" /></a>
</div>
</div>
<br />
BlogPepleが生成したJavaScriptコード+charset指定
</body>
</html>

次に以下のHTMLコードをコピーしてHTMLファイルとして保存します。ここではfoo.htmlにします。
「hoge.htmlにアクセスするためのURL」には先ほどつくったhoge.htmlにアクセスできりょうにURLを記述します。foo.htmlとhoge.htmlが同じ場所にあるなら./hoge.htmlって書けばいいでしょう。

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>Firefoxサイドバー用</title>
</head>
<body>
<script language="JavaScript">
<!--
function addSidebar()
{
if ((typeof window.sidebar == "object") &&
(typeof window.sidebar.addPanel == "function")) {
window.sidebar.addPanel("BlogPeople","hoge.htmlにアクセスするためのURL","");
} else {
var mesg = window.confirm ("このブラウザにはサイドバーがありません。")
if (mesg)
document.location.href = "http://www.mozilla.org/";
}
}
//-->
</script>
<a href="javascript:addSidebar();">Firefox Sidebarに登録</a>
</body>
</html>

次にFirefoxからfoo.htmlにアクセスします。で、表示されたページ内の「Firefox Sidebarに登録」のリンクをクリックすれば登録する場所を聞いてきますので「ブックマーク」あたりに登録してみてください。

で、サイドバーを表示してさっき登録したやつをクリックすれば左側にリンクリストが表示されていい感じになります。

hoge.htmlは削除しないように気をつけてください。

これはそのうちBlogPeople内に実装しますね。しかし、ニッチなエントリーだ・・・

投稿者 nagasawa : 2004年03月24日 19:07 | トラックバック(4)

コメントrss.gif
コメントする









名前、アドレスを登録しますか?

以降のコメントをメールで受け取る