كيفية عمل نموذج الاتصال على صفحة مستقلة بمدونة بلوجر

لعمل نموذج الاتصال على صفحة مستقلة بمدونة بلوجراتبع الخطوات التالية. يمكنك مشاهدة نموذج بصفحة اتصل بنا.

1- أولا، إضافة نموذج الاتصال لبلوجر في الشريط الجانبي الخاص بك وقم باختباره. تأكد من تلقيك رسالة في بريدك الإلكتروني في عند النقر على زر الإرسال. (هذه الخطوة اختيارية)

2- الآن إزالة الأداة نموذج الاتصال من الشريط الجانبي الخاص بك. يمكنك أن تفعل ذلك على تخطيط الصفحة.

3- الآن معرفة blogID  من بلوجر الخاص بك فهو مطلوب لتوليد صفحة نموذج الاتصال الجديدة. عندما تجد هذا blogID على شريط عنوان المتصفح الخاص بك عند تواجدك بأي صفحة على لوحة التحكم لبلوجر الخاص بك.  الصورة أدناه توضح كيف يمكنك معرفة blogId باللون الأصفر.

4- الآن قم بإنشاء صفحة جديدة في بلوجر

5- انسخ الكود التالي و قم بالتعديل عليه. تحرير blogId إلزامي (استخدم الرقم الذي سجلته في الخطوة 3).

<script>
var blogId = '7267124874085328162';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
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>

<form name="contact-form">
<div style="direction: rtl;">
الإسم:</div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<div style="direction: rtl;">
البريد الإلكتروني: <em>(ضروري)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<div style="direction: rtl;">
رسالتك هنا: <em>(ضروري)</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="direction: rtl;"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" style="direction: rtl;" type="button" value="أرسل" />

<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form><script>
</form>

أثناء إنشاء الصفحة، لديك للتبديل إلى وضع HTML كما هو مبين في الصورة أدناه. ثم قم بلصق الكود أعلاه،  وقم بتعطيل التعليقات وانشر صفحتك.

6- بمجرد أن تقوم بنشر الصفحة، انتقل إلى هذه الصفحة الجديدة و قم بملء نموذج الاتصال، انقر على زر الإرسال وتحقق من توصلك بالرسالة على بريدك الإلكتروني.