TMP*blog IFRAMEでメールフォームを埋め込む

« 04月
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
»

[PR]

April 25'2024

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

: ▲

既存のページにメールフォームを埋め込みたいと言う方が結構多いようなのですが、どうもすみませんウチの色々面倒なようで…（汗）
一番簡単な方法はIFRAMEでページに埋め込む方法だと思います。
忍者メールはページ移動が無いのでこの方法がいいかもですネ。
これならメールフォームテンプレートには手を加えなくても可能です。

サンプル（これは実際にIFRAMEで表示しています）
サンプルはHTML化してあるのでテストは出来ません。
白背景の部分がIFRAMEの領域です。

<iframe src="http://xxx.xxx/mail/index.html" frameborder="0" width="380" height="220" scrolling="no"></iframe>

赤文字の部分にメールフォームのアドレスを書いてコピペでOKかと思います。
width="380" height="220"はテンプレートや使用している項目で変わってきますので適当に調節して下さい。

サンプルなのでそのままにしてありますがHOMEとかも消してしまったほうがいいかもですね（'-'；

背景色も領域を分かりやすくするために変更しておりませんが、元のページにあわせてメールフォームのテンプレートの背景色を変えれば境目もわからなくなります。

サンプルと同様にブログの記事にも設置できますが、その場合は記事を保存する際に「HTMLタグのみ」にするか、IFRAMEのタグを改行しないで一行で記入して下さい。

メールフォームをスクリプトで小窓開いたりで表示とかもかわいいんですけどね～お好みで色々遊んでみてくださいな

DOCTYPEとかは気になる方は変えてクダサイナ
変えなくても表示に問題はないですが

無料HPスペースとかにメールフォームテンプレートを設置して呼び出す場合は、広告のぶんの高さも取って広告表示しまショウ。
忍者さんの無料HPスペースだと確か二行くらいの高さで収まったと思います。

広告がバナー表示タイプとかだと厳しいかもですこの方法は（汗）

ウチはサンプルも使ってるモノも全部ハッスルサーバーさん借りてます（・ω・
軽くてイイデスヨ。とオススメしてみる。月２０８円だしネ…。

[忍者式メールフォーム]忍者メールHow to: Trackback() Comment(0) ▲

Post your Comment

・メールアドレスは入力しても管理画面でしか表示されないようにしてあります。
・テンプレートのカスタマイズはなるべく自力でお願いします。
・テンプレートに関するお問い合わせの際はブログアドレスの記入をお願いします。
・アダルトな内容、英語のみの内容のコメント、トラックバックはできません。
・不適切な書き込みは管理人の独断で削除させて頂きます。あらかじめご了承ください。