اضافة صفحة اتصل بنا

جديد وحصري اضافة صفحة اتصل بنا لمدونات بلوجر 2016

صفحة اتصل بنا أصبحت من الضروري في يومنا هذا لمدونات بلوجر والكتير من يريد انشاء صفحة اتصل بنا وليس لديه معرفة كافية لانشاء صفحة اتصل بنا و اليوم سوف أقوم بشرح الطريقة خطوة بخطوة ان شاء الله .
اتبع الخطوات التالية لانشاء صفحة اتصل بنا. إذا كنت ترغب في مشاهدة عرض، ويمكنك التحقق من النمودج صفحة اتصل بي لمدونة سيفن ستار.

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

( الصورة مصغرة اضغط عليها لتكبير ) 

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

( الصورة مصغرة اضغط عليها لتكبير )

4 ) الآن إنشاء صفحة جديدة في بلوق الخاص بك . 

( الصورة مصغرة اضغط عليها لتكبير )

5 ) من صفحة جديدة في بوق الخاص بك تابع الالشرح في الصورة ادناه. 

( الصورة مصغرة اضغط عليها لتكبير )

6 ) قم بتغيير رقم id المكتوب باللون الاحمر ب id الدي حصلنا عليه في الخطوة 3 أعلى والمكتوب باللون الازرق برسالة ترحيبية من دوقكم ( اختياري )

هام جدا : عند التغيير الى نمط html قم بمسح كل ما وجدته مكتوب وقم بلصق الكود ادناه  .

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

الخطوة الاولى :

( الصورة مصغرة اضغط عليها لتكبير )

الخطوة التانية :

( الصورة مصغرة اضغط عليها لتكبير )

الخطوة التالثة :

( الصورة مصغرة اضغط عليها لتكبير )

الخطوة الرابعة :

( الصورة مصغرة اضغط عليها لتكبير )

<div dir="rtl" style="text-align: right;" trbidi="on">

<script>

var blogId = '6687620497052256807';//this number should be mandatorily edited.

//The below message 5 Strings can also be edited

var contactFormMessageSendingMsg ='Sending...';

var contactFormMessageSentMsg = 'Your message has been sent.';

var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';

var contactFormEmptyMessageMsg ='Message field cannot be empty.';

var contactFormInvalidEmailMsg = 'A valid email is required.'

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>

<br />

<form name="contact-form">

<div>

<b>اهلا ومرحبا بكم أعضاء وزوار مدونة سيفن ستار&nbsp;</b><br />

<b>سوف أكون جد سعيد باستقبال رسالتكم</b><br />

<b><br /></b>

اسمك :</div>

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<br />

<div>

بريدك الالكتروني : <em>(مطلوب)</em></div>

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />

<div>

رسالتك : <em>(مطلوب)</em></div>

<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 105px; margin: 0px; width: 242px;"></textarea><br />

<br />

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="ارسال" />

<br />

<br />

<div style="max-width: 650px; 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>

</div>

الكلمات الدلالية : اتصل بنا , قوالب بلوجر عربية , اضافات بلوجر .