Ｍｙブログ大変だよ・Bloggre: お問い合わせフォームを作らなきゃ！！

にほんブログ村

ブログランキング

・お問い合わせフォームの作成

将来、拡張できるようＪａｖａＳｃｒｉｐｔで作成します。
「レイアウト」でフォームを追加したいエリアの「ガシェットを追加」をクリックする。
ガシェット追加ダイアローグを表示。

「ＨＴＭＬ／ＪａｖａＳｃｒｉｐｔ」の「＋」アイコンをクリックする。
「ＨＴＭＬ／ＪａｖａＳｃｒｉｐｔ」設定ダイアローグを表示します。

「タイトル」の入力部に「お問い合わせ」と入力

「コンテンツ」の入力部に下記Scriptを張り付ける

var blogId = '自分のブログIDを入力';

var contactFormMessageSendingMsg ='送信中...';

var contactFormMessageSentMsg = 'メッセージを送信しました。';

var contactFormMessageNotSentMsg = 'メッセージを送信できませんでした。';

var contactFormEmptyMessageMsg ='メッセージを入力してください。';

var contactFormInvalidEmailMsg = '有効なメールアドレスを入力してください。'

var widgetLoaded=false;

function sendEmailMsg() {

if(widgetLoaded== false) {

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

widgetLoaded=true;

document.getElementById('ContactForm1_contact-form-submit').click();

}

return true;

}

</script>