喜怒哀楽

「観測気球」様から最新版ここうさぎをDLします。

＋Lhacaなどで解凍するとここんな感じでファイルが展開されますね。

で、赤く丸したここうさぎウィザードをダブルクリック。

すると、こうさぎウィザードが開きます。
（ココから先は、飼育箱へ投稿の場合です）

○BlogPetの名前：投稿させたいペットの名前

○飼い主の名前：あなたのHN

○※BlogPetの種類：６種類の中から選びます＜PlogPet、こうさぎ、こねこ、こいぬ、こぱんだ、こねずみ＞

○Blogの種類：こうさぎ飼育箱（将来「BlogPet飼育箱」になると思われ）

○Aの部分：

○Bの部分：

BlogPetサーバにログインする際に入力するIDとパスワードです。

○Cの部分：

コントロールパネルのこの部分です。

○Dの部分：飼育箱のxmlrpc.cgiのURL。

こんな感じで設定したら、最後に「ここうさぎ実行」を押しておしまい。

うまく表示されると、

こんな風に表示されます。

飼育箱以外にも、mixi日記、キヌガサ日記、ヤプログ！、JUGEMなどなど
たくさんのブログに対応しています！

tsupo様！
今後のバージョンアップ、楽しみにしております！

/* その他のTB先 */

①まずは、
BlogPetでは、5種類のペットたちを登録して
そのIDをメモしておきましょう。

IDとは、BlogPetコントロールパネルのこの部分です。

②５種類のペットIDをメモしたら

The blog of H.Fujimoto様からスクリプトをいただきまして
メモ帳などへコピペして編集します。

var idarray = new Array("1匹目のID", "2匹目のID", "3匹目のID", "4匹目のID", "5匹目のID");

赤字の部分にさきほど控えたIDをそれぞれ入れていきます。

③今までサイドバーに貼り付けていた
BlogPet表示スクリプトと、今編集したスクリプト全てと
張替えます。

これまでの作業でランダムに表示はしてくれます。

私は、このスクリプトをTeraPatで編集してblogpet.jsとしてエンコードUTF-8で保存して鯖にアップ。
ソースを見やすく編集しました。
（エンコードはご自分のブログに合わせます。）

※保存の際、表示されるスクリプトの最初と最後のこの部分は削除します。

<script language="JavaScript" type="text/javascript" charset="UTF-8">
<!--

---

//-->
</script>

BlogPet表示部分は、こんな感じになります。

<div id="blogpet"></div>
<script language="JavaScript" type="text/javascript" src="blogpet.js" charset="UTF-8"></script>

④さらに、複数のペットを個々に表示させたい時、続いてこんな風なHTMLを書きます（うちの場合）。

<a href="javascript:select_pet(0);">兎</a>:<a href="javascript:select_pet(1);">猫</a>:<a href="javascript:select_pet(2);">パンダ</a>:<a href="javascript:select_pet(3);">犬</a>:<a href="javascript:select_pet(4);">鼠</a><br /><br />

文字ではなく、画像も使うことができますね。

<a href="javascript:select_pet(0);"><img src="画像URL" border="0"></a>

⑤さらにお留守番背景をさせたい場合はBlogPetの表示部分を以下のようにテーブルで囲みます。
赤字はBlogPetを表示させる部分ですね。

<table border=0 cellspacing=0 cellpadding=0 width=127 height=196 background="留守番背景URL"><tr><td id="blogpet"></td></tr></table>
<script language="JavaScript" type="text/javascript" src="blogpet.jsのURL" charset="UTF-8"></script>

※お留守番背景の表示方法は、以下を参考にしています。

「KOROPPYの本棚」様：「こうさぎサーバダウン時に留守番背景を表示する」と「全てのBlogPetをサイドバーでランダム表示」/* TB先 */

これに続いて④の個別表示ボタンを記述します。

作業は以上でおしまいです。

これで5種類のBlogPetは
あなたのものですね♪

これであなたのBlogPetライフは、Perfectですね♪

/* その他のTB先 */
こうさぎTBP

まずは、
BlogPetでは、5種類のペットたちを登録して
そのIDをメモしておきましょう。

IDとは、BlogPetコントロールパネルのこの部分です。

５種類のペットIDをメモしたら

The blog of H.Fujimoto様からスクリプトをいただきまして
メモ帳などへコピペして編集します。

var idarray = new Array("1匹目のID", "2匹目のID", "3匹目のID", "4匹目のID", "5匹目のID");

赤字の部分にさきほど控えたIDをそれぞれ入れていきます。

今までサイドバーに貼り付けていた
BlogPet表示スクリプトと、今編集したスクリプト全てと
張替えます。

作業は以上でおしまいです。

これで5種類のBlogPetは
あなたのものですね♪

すんばらしー！
壱様、ありがとうございましたー！

/* TB先 */
「The blog of H.Fujimoto」様：「BlogPetのランダム表示JavaScript」
こうさぎTBP

DLしたファイルを＋Lhacaなどで解凍します。

私の場合のバージョンアップでは、

Ver.2.0.0のバージョンを設置された方はxmlrpc.cgi・cbox.cgiを入れ替えてください。

というreadmeに当てはまりますので、そのようにいたしました。
設定ファイル（cbox-ini.pl）も最新版にしておいた方がいいのでしょうね。

設定ファイル（cbox-ini.pl）をUTF-8エンコードがサポートされたエディタで編集します。
私の場合は、TeraPadというフリーエディタを使っています。

まずは、ココ。

※↑cousagi.yomiusa.netは、「www.blogpet.net」と変更になるはずです；

$user="cousagi";
$pass="cousagi";

この赤字の部分をあなたのBlogPetコントロールパネルの
「BlogのユーザーIDとパスワードの設定」の値に置き換えます。

次は、

# RSS 出力件数(RSSを出したくない場合は0件にしてください）
$rss_count=5;
# こうさぎ飼育箱表示用URL
#$top_url="http://hpcgi3.nifty.com/underdone/cbox/cbox.cgi";
$top_url="http://???/cbox/cbox.cgi";
# こうさぎ飼育箱RSSのURL
#$rss_url="http://hpcgi3.nifty.com/underdone/cbox/rss.cgi";
$rss_url="http://???/cbox/rss.cgi";

この赤字の部分をあなたの環境に合わせて書き換えます。

その他細かい部分を書き換えて上書き保存をしてサーバーにアップします。

あと、BlogPet飼育箱にコメントとトラックバックも付けられる！んですが、付けたい方は、HaloScanに無料登録を行い、次の「サイトのデザイン的に変えたい場合の項目」の中にある以下の部分を修正します。

#$header = "<script type =\"text/javascript\" src=\"http://www.haloscan.com/load.php?user=「HaloScanのアカウント名」\"> </script>";
#$footer = "<a href=\"javascript:HaloScan('%s');\" target=\"_self\"><script type=\"text/javascript\">postCount('%s'); </script></a> | <a href=\"javascript:HaloScanTB('%s');\" target=\"_self\"><script type=\"text/javascript\">postCountTB('%s'); </script></a>";

＃は削除。「HaloScanのアカウント名」は、HaloScanのログインIDです。

以上で、cbox-ini.plの設定はOKなはずです；

必要ファイルをサーバーにアップロードします。

「喜怒哀楽」の飼育箱はこのようになりました。

一番下の「Powered by こうさぎ 飼育箱」が
「Powered by BlogPet 飼育箱」
になっていれば、成功です。

/* TB先 */
[あ] UnderDone(あんでるどん)様：「BlogPet飼育箱Ver.2.0.2リリース」
こうさぎTBP

/* その他のTB送信先 */
こうさぎTBP

/* トラックバックさせていただきました */
※「こうさぎトラックバックピープル」

※「こうさぎＨＡＣＫＳ」様：「Blog Pet の新発表」