1.
まずは切り替えの対象となる複数のスタイルシートを用意してください。
2.
A LIST APARTへアクセスし、Style Switcherをダウンロードしてください。"Download" リンク上でコンテキストメニューを表示し [リンクをディスクにダウンロード（Safariの場合）] をクリックすれば、ダウンロード先フォルダに "styleswitcher.js" がダウンロードされているはずです。
3.
Finderメニューの [移動] よりiDiskを選択し、デスクトップにiDiskをマウントします。
4.
iDiskを開くと "Sites" フォルダがあります。.Mac ではこのフォルダの内容があなたのホームページとして公開されています。
5.
Sitesフォルダを開き、iBlogによって生成されるトップページ（index.html）と同じ階層にstyleswitcher.jsをアップロードしてください。
6.
iBlogを起動し、メニューバーより [Resources] - [Manage Templates] の順にクリックしてください。Manage Template Setsが開きます。
(1) [New Template Set] ボタンを押し新規のTemplate Setを作成します。
(2) セット名の入力を求められるので、任意で入力してください。
(3) File Contents 欄の<head>タグ内に下記に示す "コードA" を入力してください。
(3) 同様に<body>タグ内に、"コードB" を入力してください。
(4) Save します。
(5) Template Fileの切り替えを行い、全てのFileに (3)・(4) の操作を適用してください。
(2) セット名の入力を求められるので、任意で入力してください。
(3) File Contents 欄の<head>タグ内に下記に示す "コードA" を入力してください。
(3) 同様に<body>タグ内に、"コードB" を入力してください。
(4) Save します。
(5) Template Fileの切り替えを行い、全てのFileに (3)・(4) の操作を適用してください。
コードA
<link rel="stylesheet" href="<$BlogBaseURL$>styles-site.css"
type="text/css" title="Default" />
<link rel="alternate stylesheet" href="<$BlogBaseURL$>styles-site2.css"
type="text/css" title="Title2" />
<link rel="alternate stylesheet" href="<$BlogBaseURL$>styles-site3.css"
type="text/css" title="Title3" />
…
<link rel="stylesheet" href="<$BlogBaseURL$>styles-site.css"
type="text/css" title="Default" />
<link rel="alternate stylesheet" href="<$BlogBaseURL$>styles-site2.css"
type="text/css" title="Title2" />
<link rel="alternate stylesheet" href="<$BlogBaseURL$>styles-site3.css"
type="text/css" title="Title3" />
…
コードB
<a href="#" onclick="setActiveStyleSheet('Default'); return false;" onkeypress="">
<img src="URL1" title="Default" border="0"></a>
<a href="#" onclick="setActiveStyleSheet('Title2'); return false;" onkeypress="">
<img src="URL2" title="Title2" border="0"></a>
<a href="#" onclick="setActiveStyleSheet('Title3'); return false;" onkeypress="">
<img src="URL3" title="Title3" border="0"></a>
…
<a href="#" onclick="setActiveStyleSheet('Default'); return false;" onkeypress="">
<img src="URL1" title="Default" border="0"></a>
<a href="#" onclick="setActiveStyleSheet('Title2'); return false;" onkeypress="">
<img src="URL2" title="Title2" border="0"></a>
<a href="#" onclick="setActiveStyleSheet('Title3'); return false;" onkeypress="">
<img src="URL3" title="Title3" border="0"></a>
…
（* XXXには任意のファイル名・タイトル名を指定できます）
7.
以上で作業は終了です。iBlog でブロッグの発行（Publish）をしてください。
