---

「複数のこうさぎキャラを自由に選択表示出来る」

この素晴らしいＴＩＰＳを考案されたのは、ｂｌｏｇ「ＵｎｄｅｒＤｏｎｅ」さんです．

ＣＳＳとＪａｖａｓｃｒｉｐｔをｂｌｏｇに実装する事で、この素晴らしいＴＩＰＳを実現出来ます．

各ソースは、こちらからダウンロードして下さい．

こちらも昨日御紹介致しました、ｂｌｏｇ「Ｔｈｅ ｂｌｏｇ ｏｆ Ｈ.Ｆｕｊｉｍｏｔｏ」さんのこうさぎキャラのランダム表示ＴＩＰＳと同様、表示が切り替るのは、こうさぎキャラだけでなく、各こうさぎキャラに設定されている背景やフレームも切り替るのです．

このＴＩＰＳに更に、こうさぎの留守番背景画像の表示機能を付加したソースをｂｌｏｇ「ＫＯＲＯＰＰＹの本棚」さんが公開されております．

留守番画像は、各こうさぎキャラ毎に設定出来ますので、キャラに合う留守番画像を設置するのも面白いですね．

更に、このＴＩＰＳもｂｌｏｇ「Ｔｈｅ ｂｌｏｇ ｏｆ Ｈ.Ｆｕｊｉｍｏｔｏ」さんのこうさぎキャラのランダム表示ＴＩＰＳと同様に、Ｃｈａｎｎｅｌ＠Ｒ３さんが開発されたツール「こうさぎウォール」との併用が可能なのです．

早速、当ｂｌｏｇでも右サイドバーに３種類のこうさぎキャラ毎に３つの異なる背景画像を設定し、タブの切り替え毎に異なるキャラと背景を表示出来る様にしてみましたので、御試し下さい．

参考までに、ｂｌｏｇへの実装方法を以下に記します．

ＮＯＴＥ：実装方法は、御利用されているｂｌｏｇホスティング・サービスにより異なりますので、以下の説明はあくまでも御参考程度に御覧頂き、御利用されているブログホスティング・サービスの方法に従って下さい．

---

ｂｌｏｇへの実装方法：
説明は、ｂｌｏｇ「ＫＯＲＯＰＰＹの本棚」さん公開のソースを基に説明致します．

１）ＣＳＳソース（最初の青で囲まれたソース）をｂｌｏｇのＣＳＳ部に貼り付けます．

---

２）処理部スクリプト（２番目の青で囲まれたソース）及び表示部スクリプト（３番目の青で囲まれたソース）をサイドバーに貼り付けます．

---

３）表示部スクリプトの中の「みゅみゅう」、「ポチテ」、「ころた」は、タブに表示される名前なので、好きなタブ名に変更すます．

ＮＯＴＥ：表示するキャラが３つ以下場合は、キャラの数に合わせて表示部スクリプト中の以下の部分を削除します．
<TD>
<DIV class=spc> </DIV>
</TD>
<TD>
<DIV id=head*>
<A href="javascript:seltab('box',%20'head',%2010,%20*)">タブ名</A>
</DIV>
</TD>

---

４）表示部スクリプトの中の
<DIV id=box*>
<table border=0 cellspacing=0 cellpadding=0 width=127 height=196 background="留守番背景URLg"><tr><td><script language="JavaScript" type="text/javascript" src="BlogPetスクリプトURL" charset="UTF-8"></script></td></tr></table>
</DIV>
の「BlogPetスクリプトURL」に、こうさぎコントロールパネル下部の「コード生成」に表示されるhttp://www.blogpet.net/js/*************.jsを貼り付けます．

ＮＯＴＥ：ダブルクウォーテション記号（" "）は、削除しないで下さい．

---

５）各キャラクタの背景画像に留守番画像を設置する場合は、表示部スクリプトの中の
<DIV id=box*>
<table border=0 cellspacing=0 cellpadding=0 width=127 height=196 background="留守番背景URLg"><tr><td><script language="JavaScript" type="text/javascript" src="BlogPetスクリプトURL" charset="UTF-8"></script></td></tr></table>
</DIV>
の「留守番背景URLｇ」に留守番背景をアップしているＵＲＬを貼り付けます．

ＮＯＴＥ１：ダブルクウォーテション記号（" "）は、削除しないで下さい．

ＮＯＴＥ２：表示するキャラが３つ以下場合は、キャラの数に合わせて表示部スクリプト中の上記５）の部分を削除します．