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>タグに変換する」というようなオプションがある場合は、そのオプションはオフにしてください。




![Hardcore Will Never Die, But You Will [Disc 2] Hardcore Will Never Die, But You Will [Disc 2]](http://userserve-ak.last.fm/serve/34s/71241534.jpg)
![Hardcore Will Never Die, But You Will [Bonus Tracks] Hardcore Will Never Die, But You Will [Bonus Tracks]](http://userserve-ak.last.fm/serve/34s/67192634.jpg)





コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
機能強化のお知らせ、ありがとうございました。
ペットごとのリンクが追加されて、
自由に選べるのが便利ですね~!!
これはランダムのたびに、
新しく読み込みにいっているのでしょうか?
それと留守番背景の件で一つ確認が。
これはBlogPetスクリプトの中身を、
IDだけ変えて直接吐き出していると考えてよいのでしょうか。
「document.write("<object~」を使った背景ランダム表示では、
留守番背景が表示されないという現象があったんです。
http://koroppy.cocolog-nifty.com/blog/2005/01/post_27.html
不勉強で間違っていたら申し訳ないのですが、
こちらのスクリプトでも、同じ状態にならないでしょうか。
おはようございます、寝坊しました。
スクリプト機能強化、すばらしいですね~♪
早速使わせていただきました。
各ペットへのリンクは 画像にしてみました。
だけど、KOROPPYさんのコメント読んで・・・
そうだわ・・・お留守番背景のこと忘れてました。
BlogPetのサーバがなにかの理由でダウンしちゃったとき
テーブルで BlogPetの奥に貼りつけておいた
留守番背景が 表示されるようにしたいんです。
難しいことはわからないのですが、できたらいいな、・・・・と。
またまたこんにちは。
テストもかねて、留守番背景つきで利用させていただきますね。
こんにちは、早速改良版に変更させていただきました。
本当にありがとうございました。
はじめまして。
ペットを2種類飼う事にしたので、こちらのjavascriptを使わせて頂きました。
サイドバーに並べることなく、すっきり表示できてうれしいです。
ありがとうございました。
はじめまして。こちらのスクリプトを使わせて頂きました。
新しくペットが追加されて前に飼っていたこうさぎを外していましたが、こちらのスクリプトのおかげで一緒に飼うことができます。
ありがとうございました。
はじめまして。
mayuさんのところで、お見かけして、使わせていただきました。
2種類のペットが同時に、飼えて嬉しく思います。
こんばんは^^
先日はTBをありがとうございましたm(_ _)m
KROPPYさんの記事も参考にさせて頂き、こちらのスクリプトで4匹をランダム&リンクですっきりと表示さすことが出来ました。
感謝いたします(*^-^*)
留守番背景対応のアドバイス、ありがとうございました♪
教えていただいたとおり、設定を変更しました。
留守番背景機能は愛着があるので、
利用できるようになって嬉しいです。
はじめまして。
KOROPPYさんの記事を見てスクリプト使わせてもらいます。うまく使えるか心配だったけどなんとか出来ました。あともう1匹買おうかな?っと考えてます。本当にありがとうございます。
スクリプト どんどん進化しててすばらしいですね。
お留守番背景、やめてたんだけど、復活させようかなー。
どうもありがとうございました。
おはようございます^^
先程留守画面用の修正もさせて頂きましたm(_ _)m
おかげさまですっきり飼えるようになりましたので、後1匹追加して全種揃えてしまいました^^;
うちのblogにこちらのリンクを貼らせて頂きますね♪
重ね重ねお世話になり、ありがとうございました(*^-^*)
こんにちは^^ φ(..) ありがとうございました。
改良版のスクリプト・・・本館ブログのPetで使わせていただきました。嬉しくて・・・ついPetをさらに追加し3匹になってしまいましたぁ(笑)。
それにしても・・・こちらにお邪魔するたびに進化してるのでびっくりしちゃいます。
これからもよろしくお願いします♪
壱さん、こんばんわ。
留守番背景にも対応ということで、さっそく導入してみました。ありがとうございました♪
背景の件、こちらのコメント欄に書くのもなんですが、アド残していきますので、送っていただけるとありがたいです。よろしくお願いいたします。
壱さん。はじめまして。挑戦したのですが、スクリプトを貼付けてつかうとどうしても文字化けがおこってしまってうまくいきません。スクリプトをEUC-JPで保存して外部サーバーから呼び出しても文字化けがおこります。(>o<;)。ライブドアユーザーでMacを使っています。アドバイスよろしくお願いいたします。文字化けは¥マークがスラッシュになっていたり、見た目ブランクの箇所にプラスマークがでたりしています。
>まるこさん
ご質問の件については、そちらのサイトのBBSに書き込みしておきました。
壱さん、はじめまして。
mayuさんのところからお邪魔しました。
ランダム&リンク表示早速試してみたのですが、画像が表示されません。(T-T)リンクの表示は出来ているのですが・・。
メモ帳に貼り付け、文字コード変更、IDも間違えていません。どうして画像が表示されないのか考えられる原因があれば、その対処法を教えて下さい。はじめましてで、とてもずうずうしいお願いですが宜しくお願いします。
>sizukuさん
こんにちは。
そちらのBlogの「そしてうさぎにまでも・・(BlogPet)」のエントリーにコメントをしておきました。
スクリプト貼っておきました。すいませんでした(>_<)宜しくお願いします。
壱さん、こんにちはー。
遅ればせながら、改良版スクリプトを導入させていただきましたー。
記事の参照&TBもさせていただきました。
ありがとうございましたーv
何度もありがとうございました。壱さんの教えてくださったように直したつもりなのですが、やはり画像が表示されていないみたいです。どこか間違えているのでしょうか?度々申し訳ありません。
出来ました!感激ですー!
何度も、本当にありがとうございました。嬉しいです(≧∇≦)
はじめまして。
こちらのスクリプトを導入させていただき、無事設置いたしました!
それから、ずうずうしくもTBまでさせていただきました(^^;)
ありがとうございました♪
壱さん。こんばんわ。
昨日はわざわざありがとうございました。
FireForxでやってみたところ無事設定することができました。本当にありがとうございました。(^o^)。
こんばんは。留守番画像対応のお知らせありがとうございます。
今までお留守番画像の設定はしていなかったのですが、これを機会に設定してみました。ありがとうございました。
さきほどはコメントまでありがとうございます。<(_ _*)> ペコリ
しかも、確認したら、リンクがトップになってませんでしたので、変更しました。
本当にありがとうございました。
はじめまして
スクリプト使わせていただきました。悪戦苦闘し、どうにか昨日できたように思います。(かな?)
ありがとうございました♪(TBまでさせてもらいました)
はじめまして。ちょびんと申します。
私もスクリプトを使わせていただいたのですが・・・リンクはできているようなのですがペットが表示されなくなってしまいました。
リンクをクリックするとペットは表示されるのですが・・・。
私は自分のサイトも作った事がなく、もちろんスクリプトの知識も全然ありません。
ブログも先月からはじめた初心者です。なのでブログのこともまだイマイチわかってない状態なのですが・・・。(^-^;A
書かれてあるとおりに設定したつもりなのですが、何か間違っているのでしょうか?
申し訳ないのですが良かったらご教授願えませんでしょうか。
よろしくお願いします。
>ちょびんさん
こんにちは。
ご質問の件につきましては、そちらのBlogにコメントしておきました。
それでは。
素早いお返事どうもありがとうございます。
教えていただいた通りに設定しなおしたら無事表示されました。
本当にどうもありがとうございました。とても嬉しいです。すばらしいスクリプトをありがとうございます!!
はじめまして、ゆうちょといいます。
「BlogPetのランダム表示JavaScript(改良版)」、参考にさせていただきました。
これで、ペットがたくさん飼えました☆
一応ちゃんと動いてくれています。
説明、とっても分かりやすかったです。
本当にお世話になりました!ありがとうございました♪
初めまして。
こうさぎとこいぬを飼いはじめたので
こちらを利用させて頂きました!
すっきりしていてとてもお気に入りです。
ありがとうございました!
「BlogPetのランダム表示JavaScript(改良版)」利用させていただきました。
なかなか上手く表示せずに数日がかりでやっと設置できました。(ちょびんさんと同じ状態になってしまいました)
ちょびんさんのブログへもお邪魔させていただきやっと表示するようになりました。
ありがとうございました
ただ。。。何故かこのブログだけ思った位置に表示してくれません・・・それでもちゃんとランダムに表示されてとても嬉しいです
本当にありがとうございました
ちゃんと表示してるブログのアドレスでコメントしてしまいました。表示がおかしいのはこちらです(すみません)
はじめまして♪
この度、5匹全部飼う事にした為、BlogPetのランダム表示のスクリプトを導入させていただきました。
5匹飼っても重くならないというのは本当に嬉しいです!
こんなに素晴らしいスクリプトを提供して下さってありがとうございました。
早速お返事いただきありがとうございました
すごく感激です
実は、ペットの数だけブログ作っちゃってるんです。(表示できてるのは昨日のアドレスのところ含めて3箇所だけですが)
毎日、ブログに入るたびにペット達を見ながら頬が緩みっぱなしです。
本当にありがとうございました
はじめまして
早速使わせていただきます!嬉しいで~す。ありがとうございました!
はじめまして。
ずっと5匹のペットを飼いたいと思っていたので早速使わせていただきました。
私でもちゃんと設定できたのですごく嬉しいです、ありがとうございました!
はじめまして。
2匹目のペットを飼いたいなと思い立ち、早速こちらのスクリプトを使わせていただきました。
とりあえず無事に設置できた・・・ようなのですが、新しいエントリーを書き込んだり、カスタマイズをしたりしてサイトの再構築をした後、ブログをIEの更新ボタンで更新すると、たまにグレーのこうさぎの画面になるときがあるのです。
背景がなく、ペットの名前もありません。
でも、ペットの切り替えのリンクをクリックすればちゃんと自分のペットが出るのでいいのですが、たまに上の症状が出るんですよね。
私の方で何か設定を間違っているのでしょうか?
もし、おわかりになればよろしくお願いします。
早速ありがとうございました。
必要ない部分は削除しないといけなかったのですね。そんなことも気づかずに騒いでしまい、
お手数をおかけしました。
本当にありがとうございました。
壱さん、こんにちわ
プログラム使わせていただきました。
すごくかわいくて、ぼんやりながめてしまいますぅ。。。
ヤプログはお留守番画像が出ないみたいです。
クリックしないとみれないのは少し寂しいですけれど、
上に普通のタグを入れようかと迷っています。
本当にありがとうございました。
こんにちは。
ごめんなさい、エントリーの修正したら、トラックバック再送してしまいました。
前のがちゃんと送れてなくて、アドレスが残っていたようです。
すみませーん。
はじめまして。
二頭のペットを同じブログに置きたいと思っていたところに、このスクリプトを見つけました。
設置位置指定をスクリプト下にしてしまい、表示されずに悪戦苦闘の末、やっと設置に至りました。
本当にありがとうございます。
トラックバックもさせていただきます。m(__)m
はじめまして。
初心者のきぃ。。。でも、簡単・・・まではいきませんでしたが、なんとか複数のペット達を1つの画面にし、選ぶようにすることができました。
勉強になりました。
本当にありがとうございました。
トラックバックさせていただきました。
はじめましてm(_ _)m
最初うまく画像が出なくて同じような
問題で書き込みしてる人のを参考にしながら
なんとか無事に設置できました♪
ほんとうにありがとうございましたm(_ _)m
はじめまして。
Blog Petのランダム表示に憧れて挑戦してみましたが、サイトを最初に開いた時に、ペットが表示されません。
リンク部分をクリックすると表示され、その後はランダムに変わるのですが。
ブログの記事設定のところに改行をタグに変換するという部分があったので、そこは変換しないに設定したのですが・・・HTMLなどを自由に記述出来る部分には、特にそのような設定部分は探せませんでした。
お手数ですが、考えられる原因があれば、その対処法を教えて頂けたらと思っています。
>トロロさん
こんにちは。当方のスクリプトをご利用いただき、ありがとうございます。
ご質問の件ですが、「<div id="blogpet"></div>」の部分を、JavaScriptの前に移動してください。
それでは。
無事表示されるようになりました。
ランダム表示されるようになり、とても嬉しいです。
お手数お掛けして、すみませんでした。ありがとうございました。
かなり遅くなりましたがやっと設置しました。二匹しか飼っていないけれどこれで少しは整頓できたかな?
素敵なjavaScript
ありがとうございます。
連絡遅くなりましたが、数日かけてやっと4匹貼ることが出来ました。ペットが4匹欲しかったので、とてもうれしいです。
ありがとうございました。
ですが、一つだけお聞きしたいことがあります。4匹のリンクで、3、2匹ずつ上下に出来るのはどうしてでしょうか?そのまま貼ると、4匹分が連なっています。お忙しいとは思いますが教えていただけないでしょうか?よろしくお願いいたします。
>きょうこさん
スクリプトをご利用いただき、ありがとうございます。
ご質問の件ですが、行を変えたい位置に<br>のタグを入れれればできます。
はじめまして
BlogPetのランダム表示JavaScript(改良版)をお借りしました。
こちらを往復しながらどうにか設置する事ができました。
ありがとうございます。
またMY Blog Listにも登録させていただきましたのでよろしくお願い致します。
初めまして。
スクリプトお借りしました。
以前設置した時は、なぜか上手く動かなかったんですけど、今日試したらすんなりと上手くいきました。
やっと、2匹のBlogPetをかまってやることが出来ます。
ありがとうございました。
「BlogPetのランダム表示JavaScript(改良版)」をお借りしました。
以前挑戦したのですが失敗してしまいました(T_T)
でも今回はちゃんと表示できましたヾ(≧▽≦)ノ♪
とてもうれしいです、どうもありがとうございます
こんにちは、初めまして
スクリプトをお借りしました
なんとかブログペットをまとめて表示できないものかと思っていたのでとっても嬉しいです^^
設置方法も丁寧に書いてくださっていたので、無事に4匹の設置に成功いたしました
どうもありがとうございます^^
現在、こいぬとうさぎを登録してて、この方法でためしたのですが、2匹目のPETが表示できません・・・
あと、ランダムにもなりません・・・
何がだめなんでしょうか?
>エリカさん
こんにちは。
そちらのBlogを拝見しました。以下の2箇所を修正してください。
(1)ペットへのリンクを表示する部分の前に、元々のBlogPet表示用のJavaScriptが残っています。それを削除してください。
(2)2匹目のペットへのリンクの行と、その次の「<!--」の行の間に、以下の行を入れてください。
<script language="JavaScript" type="text/javascript" charset="Shift_JIS">
壱さ~ん!!!!!O(・∇・o)
出来ました(-人-;)(;-人-)ドウモアリガトウ・・・
とっても感謝感謝です!!
ありがたく使わせて頂いております。
が、設置してからblogの書き込み(この場所です)が不安定になっているようなんです、おいらだけですかね?SeesaaのBlogなんですが。
壱サン初めまして。
コチラのサイトは、カスタマイズの参考に
よく覗かせていただいております。
今日は、壱サンにお知恵を拝借出来ないかと思い
厚かましくも、質問させていただきました。
私のブログでは、サーバースペースの容量上
ブログペットのアクセス解析を使っています。
出来るだけ、1つのペットでアクセス解析が取りたくて
最初のページを開いたときは、毎回同じペットを表示させて
あとは、時間ごとにランダムにという方法というものがあれば・・・。
と思い探しているのですが、なかなか見つけられなくて。
壱サンの作られたこのスクリプトで
そのような設定をするコトも可能なのでしょうか?
最初から「ランダム表示」と書いてあるのにも関わらず
このような質問で、大変申し訳ないのですが・・・。><;
お手すきの時にでも、お返事いただけたらと思ってます。
よろしくお願い致します。
はじめまして!
先日スクリプトを使わせていただき、ペットの多頭飼いをはじめたばかりです。
ペット自体はちゃんとランダムに表示されるのですが、
一つ問題があります。
ペットが変わる瞬間に、
コメントを書いていると消えてしまったり
変換する前に決定されてしまいます。
そしてその後、そのペットの出ている間中、
何を入力してもエンターを押すと消えてしまいます。
当方HTMLやJAVA SCRIPTの知識はほとんどないのに、ちょっとカスタマイズしたりしてしまっているので、
そのせいかと思われるのですが…
大変不躾ではありますがご助言頂けたらうれしいです。
よろしくお願いいたします。
はじめまして、こんにちは。
スクリプトをお借りします。
おかげさまで、念願の多頭飼いができます。ありがとうございます。
こんばんは。初めまして。
BlogPetの背景をランダムに変えられないかと、
いろいろやってみたのですが、こちらの記事を拝見して、
やっと成功しました。ありがとうございました。
こんにちは。
BlogPetのランダム表示、とても便利で重宝しています。ありがとうございます。
今回はお聞きしたいことがありコメントしました。
ランダム表示のペットの切り替わるタイミングで、コメント欄の入力がおかしくなる(入力した文字をEnterで変換しようとすると文字が入力した文字が消えてしまう。)という現象がおきています。
ブラウザを更新したり、開きなおせばまた入力できるのですが、また、切り替えのタイミングにくるとおかしくなります。
私には原因がわからず、困っています・・・。
よいアドバイスがありましたら、よろしくお願いします。
私のブログへのお返事、ありがとうございました。
ランダム表示の間隔を長くし、加えて、コメント欄に入力できない際の注意書きを入れることにしました。(クリックしたら元に戻るということがわかりましたので・・・。)
ありがとうございました。
はじめまして。
blogPet、たくさん飼いたいけど並べると見づらいと悩んでました。
壱さんの説明は、初心者の私にもわかりやすく解説してあり、とっても助かりました。
おかげさまで無事に表示できています。嬉しいです(^^)
ありがとうございました
>じゅんじゅんさん
こんにちは。
当方のスクリプトをご利用いただき、ありがとうございました。
こんばんわ
大変わかり易くて助かりました
とっても見やすくなりました
ありがとうございました^^
>とらねこさん
スクリプトご利用ありがとうございました。
初めまして。
ブログペットのランダム表示を探してたらたどり着き
早速利用させて頂きました。
私には敷居が高くて無理と諦めてましたが、壱さんの
説明のお陰で念願のランダム出来るようになりました。
凄く分かり易くて本当に助かりました。
ありがとうございました^^
こんばんわ。BlogPetを2匹飼うことになりまして、どうしたものかと思ってコチラの記事を拝見し早速設定してみました。

大変詳しく書かれておりまして、私もすぐに設置することができました。
ありがとうございます。これで見やすくなりました
最近MTのblogに変えたので、他のカスタマイズの記事もぜひ参考にさせていただきたいものばかりです。
また折々にお邪魔させていただきますね
こんばんわ。BlogPetを2匹飼うことになりまして、どうしたものかと思ってコチラの記事を拝見し早速設定してみました。

大変詳しく書かれておりまして、私もすぐに設置することができました。
ありがとうございます。これで見やすくなりました
最近MTのblogに変えたので、他のカスタマイズの記事もぜひ参考にさせていただきたいものばかりです。
また折々にお邪魔させていただきますね
壱さん
こんにちは、はじめまして。
BlogPetのランダム表示JavaScript
のページを記事で紹介させていただきました。
私はまだ複数BlogPetを持っていませんが、
他の方で探されている方の為に
載せさせて頂きました。
これからも、他の記事をゆっくり
読まさせて頂きます。
なにかリンクで不都合がありましたら、
お知らせ下さい。
「アクセスログ集中化対応版」を使わせていただいております。
ところが、本日お昼頃より表示されなくなってしまい(真っ白になってしまう)、Blogpetの公式サイトへ行ってみたところ、本日から新しい機能が加わり、仕様が変わったらしいのです。
やむを得ず公式サイトのオリジナルタグに張り替えましたが、どうしても引き続き「アクセスログ集中化対応版」を使わせていただきたく、何か良い方法がありましたら教えてください。
お忙しいところ大変申し訳ありませんが、よろしくお願いいたします。
>茶々猫さん
こんにちは。スクリプトご利用ありがとうございます。
新コードに対応したスクリプトを公開しましたので、以下を参照して、スクリプトを一部差し替えてください。
http://www.h-fj.com/blog/archives/2006/12/30-122700.php