2004年03月24日
FirefoxでBlogPeopleサイドバー
BlogPeopleの中の人はとても忙しそうなので、簡単なので自分でやりました。
FirefoxでBlogPeopleのリンクリストをサイドバーに表示する方法について説明します。
FirefoxはWindowsとMacでバージョン0.8でのみ（ってそれしかないけど）テストしました。
ではその手順です。
まず、以下のコードをコピーして１つの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
トラックバック
このエントリーのトラックバックURL:
http://www.aivy.co.jp/cgi-bin/naga/MT3/mt-tb.cgi/852
このリストは、次のエントリーを参照しています: FirefoxでBlogPeopleサイドバー:
» BlogPeople for FireFoxサイドバー from パンパでガウチョ
FirefoxでBlogPeopleサイドバー（Modern Syntax）
しかし、ニッチなエントリーだ・・・
スタイルシートをBlogPeopleで提供していただいているのが手間いらずですね。具合いいです。
Operaだと、"ho... [続きを読む]
トラックバック時刻: 2004年03月24日 22:22
» BlogPeople、二つの便利ツール＆テクニック from あそびをせんとやうまれけむ
「Modern Syntax: 中継君JS」（ちゅうけいくんじぇいえす、かな）
こちらは、BlogPeopleに限らず、JavaScript で何かを出力する [続きを読む]
トラックバック時刻: 2004年03月25日 04:57
» FirefoxサイドバーにBlogPeople表示 from FORWARD
Modan Syntaxさんに掲載されていたFirefoxのサイドバーにBlogPeopleを表示させる方法を試してみる。 僕の場合blog巡りにRSSリーダーを使わないので、この機能はかなり便利！チェックし易くなり... [続きを読む]
トラックバック時刻: 2004年03月26日 01:48
» firefoxを入れてみた from 小春日和の陽射しの中で
じゅじゅさんのイラストに誘われて、ぼくもキツネを火に入れてみました（笑
■Firefoxhelp日本語版
「RSS Reader Panel」って、ブラウザの中にRSSリーダが入れられるんだ。すごいね。今ごろ... [続きを読む]
トラックバック時刻: 2004年03月27日 01:16
» 便利なサイドバーの利用法 from なかよしこよし
FirefoxのサイドバーにBlogPeopleを取り込んでしまいましょう｡
そんな便利な使い方があったんですねぇ｡
以下方法... [続きを読む]
トラックバック時刻: 2004年10月23日 16:36
» BlogPeople サイドバーを FireFox のサイドバーにする from .Mac Tips
BlogPeople の諸機能で意外と使われていないような気がする BlogPeople サイドバー。これは提供されたままですと、新しいブラウザのウィンドウが開... [続きを読む]
トラックバック時刻: 2005年01月19日 03:16