メールフォームをアメブロに設置してみましょう。 | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ブログの訪問者さまから
質問やお問合せをしていただくためには、
メールフォームを設置することをおすすめします。



その理由は、
こうすれば、メールアドレスを公開しなくてもよいからです。



メールアドレスを公開すると、
スパムメールが送られてきたり、
ウィルスが送られてきたりする危険性が高くなります。



メールフォームを設置すれば、
このような危険を避けることができます。



メールフォームは、たくさんありますが、
簡単で、きれいという理由から、
私は、Blog Mailのメールフォームを
作成しようと思います。



それでは、実践してみましょう。



まず、次のサイトにアクセスします。
↓↓↓
Blog Mail



(1)コードを作成

表示されたページの下記の赤枠内にメールアドレスを入力し、
青枠内の[コードを作成]ボタンをクリックします。

メールフォームコードの作成(クリックで拡大)



(2)コードをコピー

次に、表示されたページのカスタマイズ用コードをコピーします。



(3)コードをブログへ張り付け

次に、自分のアメブロを開いて、
[ブログを書く]→[サイドバーの設定]→
[プラグインの追加]→[フリープラグイン]の順にクリックし、
[フリープラグイン]の編集画面を開き、ここへ
先程コピーしたコードを張り付けます。

これで、[保存]ボタンをクリックします。

[サイドバーの配置]をクリックします。

[フリープラグイン]を配置したい場所までドラッグアンドドロップします。
[プレビュー]ボタンをクリックして、OKだったら、
[保存]ボタンをクリックします。



これで、下図のようにお問合せフォームが
サイドバーへ表示できました。

完成したお問合せフォーム



あなたも、練習で、このサイドバーのフォームへ入力し、
[送信]ボタンをクリックしてみてもいいですよ。



これは、いいなあと思われたら、
あなたのブログにもこのフォームを早速取り入れて
みてくださいね。



今日は、以上です。