手順１．
AjaxMailのプログラムを入手する。 アメブロで利用しますのでver1.2（UTF-8版）をダウンロードします。
２．入手ファイルは圧縮されていますので解凍します。
展開されたファイルは以下のような構成となっています。
赤枠で示した「ajaxmail」フォルダーを開くと以下のフォルダー、ファイルがあります。
３．上記の「ajaxmail」フォルダー内にある「sendmail.php」をサクラエディタあるいはTeraPad
エディタで開いて編集します。
編集する内容は以下です。
○送信されたメールを受け取る自分のメールアドレス
○メールフォームへの必須入力項目の設定
○メールフォームのタイトルの編集
○表示をする、しないの選択
上図に示した①～③の部分は、
①あなたのメールアドレス
②あなたに送信されてくるメールのタイトル
③送信終了後にリダイレクトさせたい場合のURL
赤丸を付した部分は表示をするかしないかの選択です、好みに応じて選択して下さい（0か1）。
赤の四角で示した部分は、メールフォームの設定項目の内、必須入力項目を指定する部分です。
わたしは、'お名前','E-mail','内容'の３つを必須入力項目に指定。
編集が終わったら必ず「UTF-8」エンコードで保存します。４．編集は上記のファイルだけです。
編集が終了したらFFFTPなどを使ってサーバーにアップロードします。
ルートに「AjaxMail」といった名前のフォルダーを作成してアップロードしてもOK。
なお、「sample.html」はアップロードしなくてよいファイルです。
５．アメブロの記事内で「AjaxMail」を利用する場合、以下のように記述をします。
（上記した「sample.html」に書かれている内容です）記は、わたしがアメブロで設定している
内容です。 参考にして下さい。
------------------------------------------------------------------------------------------
<a class="lightview" title="ペガサスへのコンタクト :: このウィンドウを閉じるには右上隅をクリックして下さい。::width:750,height:600" rel="iframe" href="ajaxmailのindex.htmlのURL"><img class="floatright" height="150" width="150" alt="pegasus_ajaxmail" src="設置した画像のURL" /></a>------------------------------------------------------------------------------------------
６．アメブロでAjaxMailを動かすためには、手順４．でサーバーにアップロードしたスクリプト
ファイルのいくつかを外部jsファイルとしてアメブロに読み込むことが必要となります。
プラグインに以下の必要なスクリプトを記述します。
------------------------------------------------------------------------------------------
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">$(document).ready(function(){$("a.moreReader").attr('href','javascript:void(0);').click(function(){$("div." + this.title).slideToggle();});});</script>
<script language="javascript"><!--
window.onload = function(){enThickbox();}
// --></script>
<script type="text/javascript">
(function() {
var codes = document.body.innerHTML.match(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>((.|\n)*)<\/pre>/gi);
if (codes == null) return;
for (var i = 0; i < codes.length; i++) {
eval(codes[i].replace(/<\/pre>/i, "").replace(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>/i, ""));
}
})();
</script>
<link rel="stylesheet" type="text/css" href="～～/ajaxmail/css/lightview.css" />
<script type="text/javascript" src="http://～～/ajaxmail/js/protoculous-effects-packer.js"></script>
<script type="text/javascript" src="http://～～/ajaxmail/js/lightview.js"></script>
<script src="http://～～/ajaxmail/check.js" type="text/javascript"></script>------------------------------------------------------------------------------------------
外部jsファイルとして呼び込むものは以下の４つです。
①lightview.css
②protoculous-effects-packer.js
③lightview.js
④check.js
上記コード中で、href="http://～～/ajaxmail/css/lightview.css" のように書いている部分は、
サーバーアップロードした各ファイルのURLの意味です。
以上でアメブロでAjaxMailを動かすことができます。
