yolipの学舎

アクセスカウンタ

help リーダーに追加 RSS 背景更新ボタンの設置

<<   作成日時 : 2006/12/23 12:57   >>

トラックバック 5 / コメント 6

06/12/29 23:00追記
 06/12/28のBlogPetのリニューアルによって追加された機能の一部が、iframeタグを使った更新ボタンを使用した場合に不具合を起こすことがわかりました。そのため、新しく更新ボタンの設定し直ししてあります。ここのBlogPetには、サーバースペースにJavaScriptファイルをアップロードする方法を採用しています。これは、のんびり前進じたばた生活まゆびさんの記事のんびり前進じたばた生活 | 緊急 BlogPet更新ボタンJavaScriptバージョン リニューアルにより変更!!を参考させていただきました。
 また、サーバースペースの無い方は、簡単にブログにコピペするだけで更新ボタンを設置できる方法もあります。yozoの気が向いたと記2.0yozoさんの記事yozoの気が向いたと記2.0 | BlogPet更新ボタンを簡単に設置しましょう。を参考になさってください。m(_ _)m
 なお、この更新ボタンは、あくまで、BlogPetの背景がランダムに表示できる設定になっていることが前提になっていますので、念のためここに申し添えておきます。

 右サイドバーのBlogPetのこうさぎ、『くるも』の背景を、CGIを使ってランダム表示させています。詳細はコチラ→BlogPetの背景ランダム表示と紹介 yolipの学舎/ウェブリブログ
 設置した背景を変更させるには、ブラウザの更新をクリックしなければなりません。この際に表示されているページ全体を更新するわけですから、背景の変更に時間がかかってしまうことになります。そこで、のんびり前進じたばた生活まゆびさんの記事のんびり前進じたばた生活 | BlogPet更新ボタンをバージョンアップ!!XHTMLバージョンを参考にして、BlogPetだけを更新できるボタンを設置しました。これで、表示されているページはそのままですから、ランダムに表示される背景をサクサクと変更させることができるようになりました。
 なお、POC会員の方や、無料会員の方でも、アクセス解析を使う方で更新ボタンを設置される場合は、下の記事を参考になさってください。
のんびり前進じたばた生活 | BlogPet更新ボタン JavaScriptバージョン(留守番背景あり)
 以下は設置のために準備したものと、参考にさせていただいた記事の紹介です。
  1. アップロード先としてPF-X.NET様より無料で広告なしのスペースをお借りしました。
  2. 作成したファイル及びフォルダ
    refreshフォルダ
    ├ kurumo.html
    ├ kurumo.css
    ├ 更新ボタンの画像ファイル
    └ 留守番背景
    kurumo.html及びkurumo.cssについては、yozoの気が向いたと記2.0yozoさんの記事yozoの気が向いたと記2.0 | BlogPet背景変更ボタンの作成と留守番背景の設置を参考にさせていただきました。
  3. 更新ボタンの画像ファイルはA Trial Product's 素材置き場様のアイコンをお借りしました。
  4. 留守番背景はうさぎーず小劇場: こうさぎ背景番外・留守番画像様の『綿野原・錦』をお借りしました。


↓ご協力お願いします。
人気blogランキング

設定テーマ

注目テーマ 一覧

月別リンク

トラックバック(5件)

タイトル (本文) ブログ名/日時
BlogPet背景変更ボタンの作成と留守番背景の設置
 06/08/07にお友達ののんびり前進じたばた生活のまゆびさんの記事BlogPetの更新ボタンを付けてみました♪で、とってもナイスなアイデアを発見しました。  ご存知の通り、yozoんちのBlogPetのうさもの背景は、CGIを使& ...続きを見る
yozoの気が向いたと記2.0
2006/12/23 13:11
BlogPet更新ボタンをバージョンアップ!!XHTMLバージョン
以前に「BlogPetの更新ボタンを付けてみました♪」の記事で発表しましたペットの更新ボタン。 たくさんの皆様が設置してくださって本当に嬉しかったです。 さて、その更新ボタンのソースですが、 これを作ったときはXHTML ...続きを見る
のんびり前進じたばた生活
2006/12/23 16:55
BlogPet更新ボタンを簡単に設置しましょう。
 06/12/28のBlogPetのリニューアルで、楽しくて便利な機能が追加されましたね。それにあわせて、便利な機能のうち、「お気に入りの登録」ができないため、右サイドのBlogPetの更新ボタンをJavaScript化しました。そして、& ...続きを見る
yozoの気が向いたと記2.0
2006/12/31 10:20
BlogPet更新ボタンを簡単に設置しましょう。
 06/12/28のBlogPetのリニューアルで、楽しくて便利な機能が追加されましたね。それにあわせて、便利な機能のうち、「お気に入りの登録」ができないため、右サイドのBlogPetの更新ボタンをJavaScript化しました。そして、& ...続きを見る
yozoの気が向いたと記2.0
2006/12/31 10:48
緊急 BlogPet更新ボタンJavaScriptバージョン リニューアルにより変更!!
本日BlogPetが大きくリニューアルしましたね♪ 面白い機能もついて楽しそうなのですが、 (詳しくは「BlogPetがより使いやすくリニューアルしました」をご覧ください。) 先日「BlogPet更新ボタン JavaScriptバージョン(留 ...続きを見る
のんびり前進じたばた生活
2006/12/31 21:59

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(6件)

内 容 ニックネーム/日時
yolipさん、こんにちはー♪
わぁ♪更新ボタン早速設置されたのですねぇ〜♪
オメデトーゴザイマッス♪(*⌒ー⌒)o∠★:゚*PAN!
yolipさんもyozo同様に無料会員ですから、外部サーバにくるもちゃんのファイルを置いてiframeが軽くていいでしょうね。PF-X.NETのスペースもお借りしたのですね。(^○^)
どんどんカスタマイズされていくのが楽しみですよ。お互いがんばりましょう♪v(*'-^*)bぶいっ♪

追伸:記事での紹介及びトラバありがとーございまっす♪yozoからもお返しのトラバ入れさせていただきました。m(_ _)m
yozo
URL
2006/12/23 13:17
yozoさん、こんにちは。yozoさんとまゆびさんのおかげで、簡単に更新ボタンを設置することができました。いつもありがとうございます。yolipも無料会員ですから、yozoさんと同じファイルで設置しました。JS版でもほとんど差はないみたいでしたが、なるべく負担をかけずに済むようにすることを優先しました。
 こんな記事にコメントのみならず、トラバまで返してくださってありがとうございました。m(_ _)m
yozoさんへ
URL
2006/12/23 15:13
yolipさん、こんばんは♪
記事でのご紹介ありがとうございました♪くるもちゃんの背景がこれで楽しめますね♪いっぱい遊んであげてくださいね♪
それにしてもyolipさんはきちんとCSSファイルを作られてるのですね。私は全部htmlに書いてますが。(^^;;そのほうがメンテナンスしやすいですものね。私もまた時間のあるときに取り組んでみます♪
まゆび
URL
2006/12/23 16:58
まゆびさん、こんばんは。おかげ様で、くるもに更新ボタンを設置することができましたよ。とてもナイスなアイデアですね。ランダム表示の欠点を補って余りあるフォローだと思います。たくさんの背景を楽しみやすくなりましたね。(^○^)

>CSSファイルを作られてるのですね。
yozoさんのHTMLファイルでは、外部CSSファイルがありましたからね。CSSをたくさん書き込むことは無いでしょうし、変更することもほとんどないので、HTMLに書き込みでも十分だと思いますよ。(*^-^)
 コメントだけでなく、お返しのトラバいれてくださり、ありがとうございます。m(_ _)m
まゆびさんへ
URL
2006/12/23 22:46
yolipさん、こんばんは♪(^▽^)/
記事に追記を入れていただいてありがとうございました。iframe版だと新しくリニューアルされた記事登録の機能が使えないんですよね。変更していただけてよかったです。これでこちらの記事をお気に入りに登録したいときもボタンひとつで出来ますね♪(*'-')
まゆび
URL
2006/12/31 22:02
まゆびさん、明けましておめでとうございます。
今年もよろしくお願いします。m(_ _)m
結局、BlogPetのリニューアルされた機能を生かすために、まゆびさんの外部JSファイル参照の方法を使わせていただきました。おかげ様でお気に入りボタンも有効になり、訪問してくださったみなさんに不便な思いをかけずにすみました。そして、最後になりましたが、トラバ返してくださってありがとうございました。m(_ _)m
まゆびさんへ
URL
2007/01/02 11:11

コメントする help

ニックネーム
URL(任意)
本 文