BlogPet、季節、時事、日々の出来事etcをつづっています。コメントしていただけると、とてもうれしいです♪
トータル今日昨日 Since 29 November '05
ここのブログの記事をご覧のみなさんへ
  ここのブログを見に来てくださってありがとうございます♪m(_ _)m 勝手ながら、ここのブログは2006/08/02に
新ブログ『yozoの気が向いたと記2.0』に、非公開コメントを除く、すべての記事、及びコメント、トラックバックを
移転しております。また、移転以降、スパム対策のため、ここのコメント・トラックバックは受け付けておりません。
ご意見・ご感想は、お手数ですが、新ブログの同じタイトルの記事にて、お聞かせくだされば幸いです。m(_ _)m
新ブログ→yozoの気が向いたと記2.0 http://yozoblog2.blog63.fc2.com/
yozoの気が向いたと記
yozoの気が向いたと記2.0
ぽちっとお願いします♪

yozoの関連リンク

BlogPetのお友達

おすすめブログ紹介

BlogPet背景作家のみなさん

素材屋のみなさん

おすすめBlogGroup


BlogPet、季節、時事、日々の出来事etcをつづっています。コメントしていただけると、とてもうれしいです♪
カテゴリ:BlogPet背景ランダム表示( 2 )
|TOP▲
まず、BlogPetの背景を設置!
BlogPetには背景を設定することができます。
その方法は、画像URLを入力することになっています。

そこで問題なのが、この画像URLです。


 背景作家の作った画像を使わせてもらう場合は、いったん自分のパソコンにダウンロードして保存してから、そのままのものをアップロードして、画像URLを決めるのです。背景を使う場合のマナーについてはコチラ
ただし、BlogPetの背景に使える画像のファイルの形式は[□☆○.jpg]か[△☆△.swf]だけです。(2006/03/20 現在)
注意してくださいね♪

しかし、アップロードってどうするの?

このアップロードが問題なんですよ♪
これができないと画像URLを手に入れることはできないのです。
つまりアップロードができれば、BlogPetに背景を設定することができるというわけですね♪

というわけで、ここでは、このアップロードの方法のうち、2つだけを紹介していくことにしますね♪

続きはコチラ
[PR]
by yoblog | 2006-03-20 17:56 | BlogPet背景ランダム表示 |TOP▲
CGIを使って背景をランダムに変更!
ブラウザの[更新]を何度かクリックしてみて下さい。

なんとっ!「うさも」の背景画像が、
[更新]のたびにランダムに切り替わります。(゚д゚;)

※今は20種類くらいかも・・・無節操ですね(笑)

これは、CGIプログラムを使っているのですが、今日は、このCGIにチャレンジして、のびのびになっていた「一週間でマスターするCGI」を仕上げるとともに、「うさも」の背景を追加しました。

CGIプログラムは津田ふみかの日記の記事を参考にしました。また、津田ふみかさん(ペンネームだそうです。って当たり前ですね)に感謝します。m(_ _)m

なお、私はinfoseekの無料ホームベージのiswebを使用しました。(iswebは無料ですが、CGIが使えるのです。)他のホームページスペースを使用される場合には、CGIが使用できるかどうかを確認してくださいね。

以下はiswebの場合で記入しています。
また、CGI設定するのに必要なフリーソフトを紹介しておきます。
「サクラエディタ」   ダウンロードはコチラ
・・・「randam.cgi」を編集するのに必要なエディタです。
※今までにサクラエディタを使ったことのない方は、パッケージ版をDLダウンロードして、インストールしましょう。
「FTTTP」   ダウンロードはコチラ
・・・自分のホームページにフォルダ(CGIファイルや背景画像ファイル)をアップロードするためのFTPソフトです。

エディタはメモ帳があればメモ帳をつかっても全く問題ありません。
「FTTTP」は必要ですので、ダウンロードしてインストールしておいてくださいね。なお、両ソフトともに最新版をダウンロードしてくださいね。


1.まず、自分のパソコンで1つフォルダを作ります。
名前は[yozoblogsite]のように、自由に設定してください。[yozoblogsite]として説明します。

2.[yozoblogsite]の中に次の2つのフォルダさらに作成してください。
フォルダ名はcgi-binとcgi-imgにしてくださいね。フォルダであることを示すために、ここの説明ではcgi-binは[cgi-bin]というようにフォルダ名に[ ]をつけるようにしますね♪

[cgi-bin] ・・・ここにrandam.cgiファイルを格納する。
[cgi-img]・・・CGI用画像フォルダ
※randam.cgiファイルに記載されている、'画像ファイル1~3'はここに格納する。

3.メモ帳などのエディタを使って、[cgi-bin]の中に入れる「randam.cgi」ファイルを作成します。
はじめは、randam.txtというファイルで下の内容で記入してください。

「randam.cgi」ファイルの内容・・・メモ帳などのエディタで作成します。
#!/usr/local/bin/perl・・・※1 ここはPerlのパスです。
my $base = 'http://~省略~.infoseek.co.jp/cgi-img/';
※CGIで切り替える画像ファイルを格納しているフォルダのアドレスを記入する。

my @files = ('画像ファイル1', '画像ファイル2', '画像ファイル3');※2
my $count = @files;
srand();
my $url = $base . $files[rand($count)];
print "Location: $url\n\n";
※\(バックスラッシュ)は、半角の¥と入力してください。
※1Perlのパスはサイトの管理者(プロバイダなど)に 確認して下さい。
#!/usr/bin/perlなどiswebとは別の場合があります。

※2画像ファイル1~3には□☆○.jpgや☆☆△△.swfとファイル名のみを記入してください。


「randam.cgi」のコピペしたい人用

#!/usr/local/bin/perl
my $base = 'http://~省略~.infoseek.co.jp/cgi-img/';
my @files = ('画像ファイル1', '画像ファイル2', '画像ファイル3');
my $count = @files;
srand();
my $url = $base . $files[rand($count)];
print "Location: $url\n\n";
※コピペしたときに、\(バックスラッシュ)は、
半角の¥となりますがそのままで問題ありません。

この部分はご自分で入力してくださいね。

この「randam.txt」ファイルの名称を「randam.cgi」と変更してください。
この際に『拡張子を変更すると、ファイルが使えなくなる可能性があります。それでも変更しますか?』というダイアログボックスがでますが、気にせず[OK]をクリックしてくださいね♪
※ファイル名の変更をする前に、以下のようにして
ファイルの拡張子を表示するようにしましょう。

[マイコンピュータ]-[ツール]-[フォルダオプション]-[表示]で開いた「詳細設定」の中の「登録されている拡張子は表示しない」のチェックをはずして、[すべてのフォルダに適用]をクリックします。


4.この「randam.cgi」と'画像ファイル1~3'をFTTTPでアップロードします。
FTTTPを起動して、[新規ホスト]をクリックして、下のように入力して[OK]をクリックしてください。
ホストの設定名→(例)isweb
ホスト名(アドレス)→ftp.isweb.infoseek.co.jp
ユーザ名→iswebのユーザ名
パスワード→iswebのパスワード
ローカルの初期フォルダ→パソコン内の「yozoblogsite」を指定
ホストの初期フォルダ→空欄のままでいいです!

接続できたら、FTTTPの画面では
左側に[cgi-bin]と[cgi-img]フォルダがあります。
右側は、index.htmlだけがあります。

a0063386_2055727.gif


FTTTPのメニューバーの[ブックマーク」のすぐ下くらいに
↑(緑色の矢印)のボタンがありますから、それをクリックしてください。
[ミラーリングアップロードというボタンですよ。]

途中で、一瞬、処理が止まったように見えることがありますが、
心配しないで待っていてくださいね。
[☆☆☆☆]を削除しますか?って
メッセージが出たら、[全ていいえ]を選んでくださいね。
[別に全て削除でも問題はありません。]

↓下の画像をクリックすると全体の画像が開きます。
a0063386_13232823.gif


a0063386_20284017.gif


右側の[cgi-bin]フォルダと[cgi-img]フォルダを、
それぞれ右クリックして、[属性変更]を選択し、
番号705を入力してOKとしてください。
次に、右側の[cgi-bin]フォルダをダブルクリックして、
randam.cgiファイルを同様に右クリックして、[属性変更]を選択し、
番号705を入力してOKとしてください。

つまり[属性変更]は
[cgi-bin]フォルダとその中のrandam.cgiファイル
[cgi-img]フォルダ
の属性を705にしてくださいね♪

Check point!

  1. まず、FTTTPの右側はこのようになっていますか♪
               
    [cgi-bin]フォルダ 属性 705
    [cgi-img]フォルダ 属性 705
    index.html←なくても構いません!
    属性も気にしなくていいです。


  2. では、右側の[cgi-bin]フォルダを
    ダブルクリックしてください。
             
    randam.cgi 属性 705

    だけがありますか♪


  3. さらに右側の[cgi-img]フォルダを、
    ダブルクリックしてください。
                 
    □☆○.jpg       属性 644
    ☆☆△△.swf     属性 644
    □○△☆○□.swf.  属性 644

    がありますか♪

5.BlogPetに「ログイン」して[設定]-[ペット]の「背景画像のURL」を下のように「randam.cgi」のURLに「設定」します。これは、改行なしで入力してくださいね♪

http://~省略~.infoseek.co.jp/cgi-bin/randam.cgi/

これで、背景画像が[更新]クリックの度に変われば大成功!です。

なお、このURLを

http://sudori.net/blogpet/haiku/haiku.swf?argbgurl=http://~省略~.infoseek.co.jp/cgi-bin/randam.cgi/

とすれば、「BlogPet俳句集」に加入できます。これも、URLの途中で改行はしないでくださいね。スペースも入れないでくださいね♪
加入の際はあたまがうにになるを管理されているLanタソさんにCommentするなりTrackbackするなりしてからにして下さい。

06/06/27 16:00 追記
BlogPet俳句集は停止されました。
これはBlogPetの公式なサービスでなく、主催者のLanタソさん個人の好意で営まれていましたが、06/06/26付けで、BlogPet俳句集は残念ながら停止されました。詳しくはコチラ
この場をかりて、今までBlogPetの楽しみを提供してくださったあたまがうにになるLanタソさんに心より感謝いたします。 m(_ _)m



人気blogランキング ←ポチッと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2005-12-16 20:13 | BlogPet背景ランダム表示 |TOP▲
|▲TOPにもどる▲|
トップ
2006/08/02 より、『yozoの気が向いたと記2.0』に移転しました。

新ブログはコチラです。
↓↓↓↓↓↓↓
yozoの気が向いたと記2.0

「うさも」が書いたBlogです。
次女うさ「うさみ」もいますよ♪

↓↓↓↓↓↓↓
うさもの気が向いたと記

末うさ「うさめ」のBlogです♪
↓↓↓↓↓↓↓
yozoのおすすめ本


人気ブログランキング - yozoの気が向いたと記
検索
カテゴリ
フォロー中のブログ
以前の記事
最新のトラックバック
データのバックアップとイ..
from yozoの気が向いたと記2.0
BlogPet俳句を求め..
from うさもの気が向いたと記
コレけっこう間違えている..
from 「感動創造カンパニー」城北の..
たまごの「キリぺた」のーと
from それはそれとして。(仮)
うさびのキリぺた帳 11
from のんびり前進じたばた生活
エキサイトのネームカード..
from ととろのおもちゃ箱
エキサイトネームカード作..
from 京ポンで今日もゆく〜
BlogPetのお出かけ
from 果報は寝て待て(-_☆)
部屋バトン
from ROOM-M
エキサイトネームカードを..
from のんびり前進じたばた生活
エントリします!「俳句を..
from 感謝の日記
トッラクバックを学ぶ
from 感謝の日記
うさもちゃんにツッコミ!..
from のんびり前進じたばた生活
不思議の国のうさも
from つなビィ - yozoblog
まゆびさん、ついにBlo..
from つなビィ - yozoblog
次は『と』です@Blog..
from ◇藍真珠のつぶやき◇
高校野球 脳梗塞克服の投..
from ひでさん♪の雑記帳
「俳句を求めて三千里」エ..
from のんびり前進じたばた生活
「俳句を求めて三千里」エ..
from のんびり前進じたばた生活
ぴょんの夏休み前お友だち..
from 夢みるととろ日記
人気ジャンル
ファン
記事ランキング
ブログジャンル
画像一覧