★ピールアウェイアズ（編集その３・ついに完成）

前回は、

おさらいの意味も含めて、

表示できない原因について、

軽く説明いたしました。



今回から、

画像ファイル（big.gifとsmall.gif）と、

peel.jsファイルを書き換えていきます。



まず、

さくらサーバの、

ファイルマネージャーに保存してある、

peel.jsファイルの、１番上のＵＲＬを、

変更します。



もちろん、

クリックした人に、

読んで欲しいページのＵＲＬにします。



変更・保存が終わったら、

ピールを設置したサイトに戻り、

そのページにいくか、

クリックしてみてください。



確認が終わったら、

今度は、

画像ファイルを、

書き換えていきたいと、思います。



マウス・カーソルを、ピールの上に、

乗せる前の画像が、

small.gifファイルで、

乗せた後の画像が、

big.gifファイルです。



やり方は、

ビデオ説明を、参考にしてください。



そのときに、

paint（ペイント）で開いて、

消しゴム等で、背景を真っ白にしたら、

いったん保存して、コピーしておくといいです。



間違えたときに、

編集するのが、楽になるからです。



ちょっと進むごとに、

そのようにコピーしておくと、

尚いいです。



画像の書き換えをしたのなら、

big.gifとsmall.gif、

書き換えたファイルをアップロードします。



このときに、

ファイル名に気をつけてください。



big.gif、small.gifになっているか、

確認してください。



確認できたら、

ファイルマネージャーの中の、

big.gif、small.gifの、

書き換えたファイルを削除して、

同じファイルをアップロードします。



これで、完成です。



ピールアウェイアズの設置等ついて、

個人的に、話を聞きたい。

と思ったら、ここからどうぞ

★ピールアウェイアズ（やり直し１）

前回までのアップロード等が、

巧くいっていれば、

ブログにピール（めくれ）が表示されます。



ステータスバーに、

あと２項目（ぐらいだったかな？）と表示され、

それ以降、進まなくなったら、

（といっても、ブログ自体は機能します。）

おそらく、peel.jsファイルの設定が間違っています。



↑のリンクや、

ビデオ説明を参考に、

いろいろと、変更してみてください。



それでダメだったら、

サーバにアップしているpeel.jsファイルを削除してから、

デフォルト（何も変更していない）の

peel.jsファイルを、アップロードしてみてください。



このときのＵＲＬも、

とりあえず、

yahooやgoogleのものでも、ＯＫです。



ステータスバーに、

エラーと表示されたら、

ブログのテンプレートに貼り付けたＵＲＬ等が、

間違っていると思われます。



確認してみてください。



ピールアウェイアズの設置等ついて、

個人的に、話を聞きたかったり、

ゆっくりすぎるので、速くやり方を知りたい！

と思ったら、ここからどうぞ

★ピールアウェイアズ（編集その２・とりあえず完了）

前回までに、

ファイルをさくらサーバにアップロードしたり、

それらを、書き換え(編集し）たりしました。



今回は、

ブログにピール（めくれ）を表示させます。



まず、

商材の中にある、

testpeel.htmlを開きます。



前回同様に、

YOUR-URL-HEREの部分を、

○○.sakura.ne.jpに、書き換えます。



あとは、ビデオ説明にある通り、

これを含んだ１行をコピーして、

ブログのテンプレート（ＨＴＭＬ）の、

<ボディ>の真下に貼り付けます。

（ボディとは、正しくはbodyの部分です。）



右上に表示されていて、

クリックしたときに、

前回設定した、ＵＲＬのページに行ければ、

デフォルトでの設置は、完了です。



やり方が、わかるのでしたら、

サーバにアップした、peel.jsファイルの１番上を、

読者に読んで欲しいページのＵＲＬに、

変更しておいてください。



ピールアウェイアズの設置等ついて、

個人的に、話を聞きたかったり、

ゆっくりすぎるので、速くやり方を知りたい！

と思ったら、ここからどうぞ

★ピールアウェイアズ（編集その１）

今回は、
前回アップロードした、
peel.jsファイルを書き換えます。



まず、

さくらサーバにログインして、

ファイルマネジャーを開き、

peelのフォルダを開きます。



peel.jsの１番右にある、

[編集]

という項目をクリック。



すると、

ピールアウェイアズの、

設置についての説明のビデオで、

peel.jsをメモ帳で開いたときと、

同じ画面が開けます。



ここを、

ピールアウェイアズの、

シングルピール設置の

ビデオの通りに、変更していきます。



一番上のＵＲＬは、

とりあえず、ヤフーとかグーグルにしておいてください。



２番目以降は、

www.YOUR-URL-HERE.comの部分を消して、

ファイルマネジャーの一番左上のＵＲＬ、

○○.sakura.ne.jp

を、コピーペーストしてください。



確か、

４番目の箇所は、

http:///となっていた気がしました。



ので、

/（スラッシュ）を、１本削除してください。


次回は、

これを、ブログに反映させます。



ピールアウェイアズの設置等ついて、

個人的に、話を聞きたかったり、

ゆっくりすぎるので、速くやり方を知りたい！

と思ったら、ここからどうぞ

★ピールアウェイアズ（設置その３）

前回は、

imagesフォルダの中に、

big.gifとsmall.gifとsmallanim.swfを、

アップロードしました。



今回は、

peelフォルダの中に、入っている。

cornerbig.swf
cornersmall.swf
peel.js

を、アップロードしていきます。



では、例の如く、

サーバにログイン→ファイルマネージャ→peel開く

まで、やってください。



前回との違いは、

imagesフォルダまで行かず、

その直前で、ストップします。



そのときに、

imagesフォルダだけ、表示されていれば、

前回のアップロードまでは、

おそらく、それで合っています。

以下も、前回とほとんど同じです。



ファイルのアップロード

の空欄の右隣にある、

参照

を、バイナリモードにしてから、クリック。



Single_Peel→Single_Peel→Peel

という順番に開いてください。

今回は、

imagesフォルダまで、行きません。



中に入っている、

cornerbig.swf

をクリックして、開くをクリック。

バイナリモードになっているか、

確認してから、アップロードをクリック。



同じように、

cornersmall.swfと、
peel.jsを、

アップロードしてください。



今回は、

ここまでにします。



次回は、

peel.jsファイルの、書き換えをやる予定です。



ピールアウェイアズの設置等ついて、

個人的に、話を聞きたかったり、

ゆっくりすぎるので、速くやり方を知りたい！

と思ったら、ここからどうぞ