キングギドラの日常

ブログのHow Toやコラム、時事ネタや話題になっていることを基本にたくさん記事を書いていけたらと思っています。ぜひ読者登録お願いします!



キングギドラの日常TOPへ

ブログに無料で問い合わせフォームを設置する方法〜初心者でも簡単にHTMLで貼付け♪〜

インターネットをしていると「問い合わせフォーム」的な項目がありますよね。
しかしブログでこういったサービスが無いブログも多く、ブロガーと個人的な連絡をとりたいのに「とれない!」なんてこともシバシバ…。
そんなサービスの無いブロガーさんは有名編集者が問い合わせをしたくても出来ない!ブログの取材をしたくても出来ない!なぁんて事が起こってチャンスを逃しているかも?w
めっちゃポジティブな思考回路ですが…w
f:id:Ghidorah:20150407082258p:plain

そこで連絡をとれるようにする術はないものかと色々調べていたら、上の画像のように問い合わせフォームを作る事が出来たので紹介しますね♪



どこのサービス?

f:id:Ghidorah:20150407081923p:plain
今回利用しているのはSecureMail
ブログ・ホームページ・掲示板のオーナーに最適でメールアドレスをブログ上で公開せずにメッセージを受け取れる。あなたのページにリンクを貼るだけの簡単設置!ユーザー登録、個人情報の入力不要。広告表示なし。SSLで強力な情報保護機能付き。QRコード発行も出来るサービスが完全無料でご利用できます。以下では登録〜設置までの方法を紹介します。
今回は「はてなブログ」での設置について書いていきますね♪
※htmlの打てるブログサービスならどこでも利用出来ると思います。

登録方法

①SecureMailにアクセス

SecureMailはコチラ

②メールが届くアドレスを入力

画面左下に下の画像のような入力場所があるので、問い合わせからメール入力されたら届くメールアドレスを入力し「新規登録」を押します。
Gmailなどを利用するといいかも知れませんね。
f:id:Ghidorah:20150407082948p:plain

③登録したメールフォルダを確認

f:id:Ghidorah:20150407083150p:plain
上の画像が表示されたら、登録したメールアドレスのメールフォルダをチェックします。

④メールに表示されているURLをクリック

f:id:Ghidorah:20150407083428p:plain
上の画像のようなメールが届くのでURLをクリックする。

⑤再びメールを確認

f:id:Ghidorah:20150407083554p:plain
URLをクリックすると上のような画像が表示されるので、再びメールボックスを確認します。

⑥メールに表示されているHTMLをコピーする

f:id:Ghidorah:20150407083903p:plain
上の画像のようにHTMLを作成してくれたものが送られてくるので、赤枠内のHTMLを全てコピーします。
※「お問い合わせはこちら」の部分を好きな言葉に変更する事ができます。

はてなブログのデザイン画面を開く

f:id:Ghidorah:20150407085317p:plain

⑧設定ボタンを選択

f:id:Ghidorah:20150407085406p:plain

⑨サイドバーを選択

今回はサイドバーに設置する方法を紹介します
f:id:Ghidorah:20150407085456p:plain

⑩モジュールを追加を押す

f:id:Ghidorah:20150407085538p:plain

⑪HTMLをクリック

f:id:Ghidorah:20150407085631p:plain

⑫HTMLを貼付け

先ほどメールで届いたHTMLをコピーしボックス内に貼付け「適用」を押します。
f:id:Ghidorah:20150407085846p:plain

⑬サイドバーの位置調整

サイドバーのどこに設置するかによって場所を移動します。クリックしたまま移動すればOKです。
f:id:Ghidorah:20150407085956p:plain

⑭変更を保存するをクリック

f:id:Ghidorah:20150407090029p:plain

以上で完成です!
自分のブログトップを確認すると
f:id:Ghidorah:20150407082258p:plain
上のように表示されていませんか?
一度自分で送ってみるといいですよ^^


キングギドラの日常TOPへ