掲載コード取得上画像

宛先となるメールアドレス(作成したメールフォームからのメールは、全てココに入力したメールアドレスに届きます。) を入力し、『コードを生成』ボタンを押してコードを取得して下さい。

入力したメールアドレスはサーバに保存されませんので安心してご利用頂けます。
メールアドレスを暗号化して、第三者にもわからないようなIDを作成いたします。

*1ページに1つのメールフォームしか設置出来ません。
*gooブログではご利用頂けません。

送信先メールアドレス:

外部スタイルシートURL:
CSSでデザインを変更する場合のみ、外部スタイルシートURL欄に有効なスタイルシートのURLを入力してください。

・CSSのデザインテンプレートを変更したい方は、豊富な カラーバリエーションのテンプレートを揃えた デザインリストからお好きな色を選びください。
カスタマイズをすることなくブログに貼り付けるだけで簡単にご利用頂けます。

※ Gmailやyahoo等をご利用の場合、迷惑メールフォルダに振り分けられる可能性があります。
pop等を利用してメールを受信するには、迷惑メールに振り分けられないようにフィルタの設定をする事をおすすめします。

オプション設定下画像
ブログへの組み込み方法
ブログへの組み込み方法をご説明いたします。

【1】タグの習得
"送信先メールアドレス"に受け取りのメールアドレスを入力します。
"コードを生成"ボタンを押すと、以下のようなコードが表示されます。

ブログパーツ組み込み説明

生成されたコードを全てコピーします。

【2】ブログに貼り付け コピーしたコードをブログに貼り付けます。(※アメーバブログの場合)

ブログパーツ組み込み説明

【3】アメブロの場合、「サイドバーの配置」からプラグインをドラックアンドドロップし、ブログに適用させます。
ブログパーツ組み込み説明

【4】実際のブログの画面を見て、メールフォームが設置されていることを確認します。

デザインカスタマイズ説明


オプション設定下画像
デザインカスタマイズ(上級者用)
CSSでフォーム部分をデザインすることができます。

◆フォーム部分HTML
デザインカスタマイズ説明

◆同じ色の枠で囲まれた部分が、該当するcss, 画面表示、HTMLコードに該当します。
デザインカスタマイズ説明

◆該当のタグをCSSで編集することによって、デザインをカスタマイズすることが可能です。
デザインカスタマイズ説明


オプション設定下画像
デモ背景上
デモ版


こちらのデモデザインを利用される場合は、「外部スタイルシートURL」に下記のアドレスを入力してください。

デモ背景下