もぜひご覧ください。
2005年6月17日 改良版をアップしました
先日ご紹介した「BlogPetのランダム表示JavaScript」を改良しました。改良点は以下の通りです。
- ページに接続するときだけでなく、ページ表示中にも一定時間ごとにBlogPetをランダムに切り替えて表示することができます。
- 前後のペットへのリンクや、見たいペットをすぐに表示するためのリンクを作ることができます。
機能が増えた分、最初のバージョンと比べると導入の手順がやや複雑になりました。以下の通りです。
手順1
こちらのページを開き、表示されたスクリプトをすべてコピーして、メモ帳等に貼り付けてください。
なお、Webブラウザの「ファイルに保存」の機能は使わないでください（余計なタグ等が入ってしまいますので）。
手順2
スクリプトの1行目にある「charset="UTF-8"」の部分を、ご自分のWebページの文字コードに合わせて変えます。文字コードは、元々の貼り付け用JavaScriptを見れば分かります。
例えば、元々のJavaScriptが以下のようになっている場合だと、「charset="EUC-JP"」に変えれば良いことになります。
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/1234567890abcdef1234567890abcdef.js" charset="EUC-JP"></script>
手順3
スクリプトの3行目に「1匹目のID」などの部分がありますが、それらを各BlogPetのIDに書き換えます。
BlogPetのIDは、元々のBlogPet貼り付け用JavaScriptにある32桁の英数字です。
JavaScriptを見ると「src="http://www.blogpet.net/js/○○○○.js"」というような部分がありますが、この中の「○○○○」がIDです。
例えば、元々のJavaScriptが以下のようになっている場合だと、「1234567890abcdef1234567890abcdef」がIDにあたります。
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/1234567890abcdef1234567890abcdef.js" charset="UTF-8"></script>
手順4
スクリプトの4行目にある「var interval = 20000;」の部分で、ページ表示中のランダム表示の間隔を指定します。単位は1000分の1秒です。
例えば、30秒おきにランダム表示するようにするには、「var interval = 30000;」とします。
なお、「var interval = 0;」とすると、ページ表示中にはランダム表示しなくなります。
手順5
元々のBlogPetのJavaScriptを削除して、ここまでで作ったJavaScriptを貼り付けます。
手順6
BlogPetを表示したい位置に、以下のHTMLを入れます。
ただし、先程のJavaScriptより前に入れる必要があります。
<div id="blogpet"></div>
手順7
前後のペットへのリンクを表示したい場合は、表示先の位置に以下のHTMLを入れます。
「前のペット」「次のペット」の部分は、ご自分でお好きな文章に変えることができます。
前のペットへのリンク → <a href="javascript:prev_pet();">前のペット</a>
次のペットへのリンク → <a href="javascript:next_pet();">次のペット</a>
手順8
特定のペットへのリンクを表示したい場合は、表示先の位置に以下のHTMLを入れます。
「1匹目のペットの名前」等の部分は、ご自分でお好きな文章に変えることができます。
1匹目のペットへのリンク → <a href="javascript:select_pet(0);">1匹目のペットの名前</a>
2匹目のペットへのリンク → <a href="javascript:select_pet(1);">2匹目のペットの名前</a>
3匹目のペットへのリンク → <a href="javascript:select_pet(2);">3匹目のペットの名前</a>
4匹目のペットへのリンク → <a href="javascript:select_pet(3);">4匹目のペットの名前</a>
5匹目のペットへのリンク → <a href="javascript:select_pet(4);">5匹目のペットの名前</a>
追加（2月19日20時2分）
スクリプトを一部追加しました。スクリプトのページで赤字で表示される部分を追加しました。
おそらく、これで留守番画像が表示できるようになると思います。
追加（2月21日12時44分）
レンタルBlogをお使いの場合、「任意のHTMLを追加する」というような機能を利用して、このJavaScriptを貼り付けられることが多いかと思います。
その際、その機能に「改行を<BR>タグに変換する」というようなオプションがある場合は、そのオプションはオフにしてください。
コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
機能強化のお知らせ、ありがとうございました。
ペットごとのリンクが追加されて、
自由に選べるのが便利ですね～!!
これはランダムのたびに、
新しく読み込みにいっているのでしょうか?
それと留守番背景の件で一つ確認が。
これはBlogPetスクリプトの中身を、
IDだけ変えて直接吐き出していると考えてよいのでしょうか。
「document.write("<object～」を使った背景ランダム表示では、
留守番背景が表示されないという現象があったんです。
http://koroppy.cocolog-nifty.com/blog/2005/01/post_27.html
不勉強で間違っていたら申し訳ないのですが、
こちらのスクリプトでも、同じ状態にならないでしょうか。
おはようございます、寝坊しました。
スクリプト機能強化、すばらしいですね～♪
早速使わせていただきました。
各ペットへのリンクは 画像にしてみました。
だけど、KOROPPYさんのコメント読んで・・・
そうだわ・・・お留守番背景のこと忘れてました。
BlogPetのサーバがなにかの理由でダウンしちゃったとき
テーブルで BlogPetの奥に貼りつけておいた
留守番背景が 表示されるようにしたいんです。
難しいことはわからないのですが、できたらいいな、・・・・と。
またまたこんにちは。
テストもかねて、留守番背景つきで利用させていただきますね。
こんにちは、早速改良版に変更させていただきました。
本当にありがとうございました。
はじめまして。
ペットを２種類飼う事にしたので、こちらのjavascriptを使わせて頂きました。
サイドバーに並べることなく、すっきり表示できてうれしいです。
ありがとうございました。
はじめまして。こちらのスクリプトを使わせて頂きました。
新しくペットが追加されて前に飼っていたこうさぎを外していましたが、こちらのスクリプトのおかげで一緒に飼うことができます。
ありがとうございました。
はじめまして。
mayuさんのところで、お見かけして、使わせていただきました。
２種類のペットが同時に、飼えて嬉しく思います。
こんばんは＾＾
先日はTBをありがとうございましたm(_ _)m
KROPPYさんの記事も参考にさせて頂き、こちらのスクリプトで４匹をランダム＆リンクですっきりと表示さすことが出来ました。
感謝いたします(*^-^*)
留守番背景対応のアドバイス、ありがとうございました♪
教えていただいたとおり、設定を変更しました。
留守番背景機能は愛着があるので、
利用できるようになって嬉しいです。
はじめまして。
KOROPPYさんの記事を見てスクリプト使わせてもらいます。うまく使えるか心配だったけどなんとか出来ました。あともう１匹買おうかな？っと考えてます。本当にありがとうございます。
スクリプト どんどん進化しててすばらしいですね。
お留守番背景、やめてたんだけど、復活させようかなー。
どうもありがとうございました。
おはようございます＾＾
先程留守画面用の修正もさせて頂きましたm(_ _)m
おかげさまですっきり飼えるようになりましたので、後１匹追加して全種揃えてしまいました＾＾；
うちのblogにこちらのリンクを貼らせて頂きますね♪
重ね重ねお世話になり、ありがとうございました(*^-^*)
こんにちは＾＾ φ(．．) ありがとうございました。
改良版のスクリプト・・・本館ブログのPetで使わせていただきました。嬉しくて・・・ついＰｅｔをさらに追加し３匹になってしまいましたぁ（笑）。
それにしても・・・こちらにお邪魔するたびに進化してるのでびっくりしちゃいます。
これからもよろしくお願いします♪
壱さん、こんばんわ。
留守番背景にも対応ということで、さっそく導入してみました。ありがとうございました♪
背景の件、こちらのコメント欄に書くのもなんですが、アド残していきますので、送っていただけるとありがたいです。よろしくお願いいたします。
壱さん。はじめまして。挑戦したのですが、スクリプトを貼付けてつかうとどうしても文字化けがおこってしまってうまくいきません。スクリプトをEUC-JPで保存して外部サーバーから呼び出しても文字化けがおこります。（＞ｏ＜；）。ライブドアユーザーでMacを使っています。アドバイスよろしくお願いいたします。文字化けは￥マークがスラッシュになっていたり、見た目ブランクの箇所にプラスマークがでたりしています。
＞まるこさん
ご質問の件については、そちらのサイトのBBSに書き込みしておきました。
壱さん、はじめまして。
mayuさんのところからお邪魔しました。
ランダム＆リンク表示早速試してみたのですが、画像が表示されません。(T-T)リンクの表示は出来ているのですが・・。
メモ帳に貼り付け、文字コード変更、IDも間違えていません。どうして画像が表示されないのか考えられる原因があれば、その対処法を教えて下さい。はじめましてで、とてもずうずうしいお願いですが宜しくお願いします。
＞sizukuさん
こんにちは。
そちらのBlogの「そしてうさぎにまでも・・(BlogPet)」のエントリーにコメントをしておきました。
スクリプト貼っておきました。すいませんでした(>_<)宜しくお願いします。
壱さん、こんにちはー。
遅ればせながら、改良版スクリプトを導入させていただきましたー。
記事の参照＆TBもさせていただきました。
ありがとうございましたーｖ
何度もありがとうございました。壱さんの教えてくださったように直したつもりなのですが、やはり画像が表示されていないみたいです。どこか間違えているのでしょうか？度々申し訳ありません。
出来ました！感激ですー！
何度も、本当にありがとうございました。嬉しいです(≧∇≦)
はじめまして。
こちらのスクリプトを導入させていただき、無事設置いたしました！
それから、ずうずうしくもTBまでさせていただきました（＾＾；）
ありがとうございました♪
壱さん。こんばんわ。
昨日はわざわざありがとうございました。
FireForxでやってみたところ無事設定することができました。本当にありがとうございました。(^o^)。
こんばんは。留守番画像対応のお知らせありがとうございます。
今までお留守番画像の設定はしていなかったのですが、これを機会に設定してみました。ありがとうございました。
さきほどはコメントまでありがとうございます。＜(＿ ＿*)＞ ペコリ
しかも、確認したら、リンクがトップになってませんでしたので、変更しました。
本当にありがとうございました。
はじめまして
スクリプト使わせていただきました。悪戦苦闘し、どうにか昨日できたように思います。（かな？）
ありがとうございました♪（TBまでさせてもらいました）
はじめまして。ちょびんと申します。
私もスクリプトを使わせていただいたのですが・・・リンクはできているようなのですがペットが表示されなくなってしまいました。
リンクをクリックするとペットは表示されるのですが・・・。
私は自分のサイトも作った事がなく、もちろんスクリプトの知識も全然ありません。
ブログも先月からはじめた初心者です。なのでブログのこともまだイマイチわかってない状態なのですが・・・。(^-^;A
書かれてあるとおりに設定したつもりなのですが、何か間違っているのでしょうか？
申し訳ないのですが良かったらご教授願えませんでしょうか。
よろしくお願いします。
＞ちょびんさん
こんにちは。
ご質問の件につきましては、そちらのBlogにコメントしておきました。
それでは。
素早いお返事どうもありがとうございます。
教えていただいた通りに設定しなおしたら無事表示されました。
本当にどうもありがとうございました。とても嬉しいです。すばらしいスクリプトをありがとうございます！！
はじめまして、ゆうちょといいます。
「BlogPetのランダム表示JavaScript(改良版)」、参考にさせていただきました。
これで、ペットがたくさん飼えました☆
一応ちゃんと動いてくれています。
説明、とっても分かりやすかったです。
本当にお世話になりました！ありがとうございました♪
初めまして。
こうさぎとこいぬを飼いはじめたので
こちらを利用させて頂きました！
すっきりしていてとてもお気に入りです。
ありがとうございました！
「BlogPetのランダム表示JavaScript(改良版)」利用させていただきました。
なかなか上手く表示せずに数日がかりでやっと設置できました。（ちょびんさんと同じ状態になってしまいました）
ちょびんさんのブログへもお邪魔させていただきやっと表示するようになりました。
ありがとうございました
ただ。。。何故かこのブログだけ思った位置に表示してくれません・・・それでもちゃんとランダムに表示されてとても嬉しいです
本当にありがとうございました
ちゃんと表示してるブログのアドレスでコメントしてしまいました。表示がおかしいのはこちらです（すみません）
はじめまして♪
この度、５匹全部飼う事にした為、BlogPetのランダム表示のスクリプトを導入させていただきました。
５匹飼っても重くならないというのは本当に嬉しいです！
こんなに素晴らしいスクリプトを提供して下さってありがとうございました。
早速お返事いただきありがとうございました
すごく感激です
実は、ペットの数だけブログ作っちゃってるんです。（表示できてるのは昨日のアドレスのところ含めて３箇所だけですが）
毎日、ブログに入るたびにペット達を見ながら頬が緩みっぱなしです。
本当にありがとうございました
はじめまして
早速使わせていただきます！嬉しいで～す。ありがとうございました！
はじめまして。
ずっと５匹のペットを飼いたいと思っていたので早速使わせていただきました。
私でもちゃんと設定できたのですごく嬉しいです、ありがとうございました！
はじめまして。
２匹目のペットを飼いたいなと思い立ち、早速こちらのスクリプトを使わせていただきました。
とりあえず無事に設置できた・・・ようなのですが、新しいエントリーを書き込んだり、カスタマイズをしたりしてサイトの再構築をした後、ブログをＩＥの更新ボタンで更新すると、たまにグレーのこうさぎの画面になるときがあるのです。
背景がなく、ペットの名前もありません。
でも、ペットの切り替えのリンクをクリックすればちゃんと自分のペットが出るのでいいのですが、たまに上の症状が出るんですよね。
私の方で何か設定を間違っているのでしょうか？
もし、おわかりになればよろしくお願いします。
早速ありがとうございました。
必要ない部分は削除しないといけなかったのですね。そんなことも気づかずに騒いでしまい、
お手数をおかけしました。
本当にありがとうございました。
壱さん、こんにちわ
プログラム使わせていただきました。
すごくかわいくて、ぼんやりながめてしまいますぅ。。。
ヤプログはお留守番画像が出ないみたいです。
クリックしないとみれないのは少し寂しいですけれど、
上に普通のタグを入れようかと迷っています。
本当にありがとうございました。