忍者ブログで忍者メールフォーム

下で紹介しました忍者メールフォームのテンプレートですが
「ブログしかないから使えない」とご相談を数件頂きました。

忍者ブログを借りているなら使えますよ～。

他でもファイルがアップロードできてスクリプトの実行が許可されてればいけますが…ぼそり

サイドバーには無理ですけどね…orz

忍者ブログでは「ファイルをアップロード」できるわけですが。

Ｑ＆Ａに着目

Q.ファイルのアップロードはできますか？
A.1ファイルにつき500KBまでのファイルをアップロードすることができます。
ファイルの種類は制限していません。

ＨＴＭＬファイルもスタイルシートファイルも全部アップロードできるので、ブログ管理画面の「ファイルアップロード」を使えばブログスペースに全てアップロード可能なのです～。
で、一応試しましたが問題なく使用できます。
一応忍者ブログ内設置見本ナド

ただ、画像アドレスやスタイルシートアドレスを「絶対アドレス」（http://～から始まるアドレスのことです。絶対パスとも言います）に書き直す必要がありますので、その方法を一応ご紹介しておきます。


まず、この記事に書いてある修正内容を全て終わらせて下さい。
（２.修正する、までやっておいてくださいね～）
次に、画像ファイルをブログの管理画面から「ファイルアップロード」を使用してブログスペースに全てアップロードします。

画像をアップロードし終わったら、スタイルシートファイル（usamail.css）を開き
以下の部分をアップロードした画像のアドレスに書きかえます。

使用している画像は全部で３こです
background-image: url(mail_usa_body.gif);
background-image: url(mail_usa.gif) ;
background-image: url(mail_usa_title.gif);

スタイルシートの画像のアドレス変更が必要な部分の横に
/*画像アドレスは必要に応じて書きかえて下さい*/
と付けてありますので探しやすいハズ？

書き換え例：
うち（http://tmpblog.blog.shinobi.jp/）の場合ですと
これを
background-image: url(mail_usa.gif) ;
↓
こうします
background-image: url(http://blog.cnobi.jp/v1/blog/user/f120fdc7823cb38f0c6103dc0fbbfd3e/1156617016) ;

それが終わりましたら、スタイルシートファイルも管理画面から「ファイルアップロード」でブログスペースにアップロードしちゃってください。

で、「index.html」をテキストエディタで開きます。
上のほうに以下のような部分がありますので
<LINK rel="stylesheet" href="usamail.css" type="text/css">
色のついている部分（usamail.css）を画像と同じようにブログスペースにアップロードしたスタイルシートファイルのアドレスに書き換えて下さい。

で、最後に重要な事が。
「index.html」の名前を適当な名前に変更して下さい。
「mail.html」とかなんでも、任意で大丈夫です。
とにかく「index」の部分を半角英数字で別の名称にしてください。
理由は説明すると長くなるので割愛で…（汗）
どうしたらいいかわからなければ「mail.html」でいいと思います。
（保険みたいな作業ですけれども）

名前の変更が終わりましたらhtmlファイルも他のものと同じようにアップロードして下さい。

以上で完了です。
あとはアップロードしたhtmlファイルにアクセスしてみて動作確認をしてくださいね～。
（アップロード画面のファイル一覧に表示されているhtmlファイルにアクセスすればＯＫ）

あとはブログからそのhtmlにリンクを張るなどして使用してください。

完成～