الخطوة 1 : إضافة نموذج الإتصال إلى قالب المدونة - من لوحة التحكم إضغط على Layout ثم Add a Gadget
- ستظهر لك نافذة تحتوي على إضافات بلوجر الرسمية، اضغط على More Gadjets ثم قم بإضافة Contact Form
- إختر إسما لهذه الإضافة ثم إضغط Save
الخطوة 2 : إخفاء نموذج الإتصال من قالب المدونة
قم بحفظ نسخة إحتياطية من قالب مدونتك لاسترجاعها في حالة حدوث مشاكل.
- من لوحة التحكم إضغط على Template ثم اختر Edit HTML
- ابحث عن [ltr]]]></b:skin>[/ltr] وضف قبلها مباشرة الكود التالي :
الخطوة 3 : إنشاء صفحة جديدة (راسلنا)
- من لوحة التحكم إضغط على Pages ثم New page وبعدها اختر Blank page
- إختر إسما لهذه الصفحة وليكن Contact us
الخطوة 4 : إضافة نموذج الإتصال إلى محتوى الصفحة
- اختر محرر كود HTML
- إضغط على Options وتأكد من اختيار Press "Enter" for line breaks في Line breaks
- انسخ الكود التالي ثم ضعه في محتوى الصفحة
- تم إنشاء صفحة ثابتة تحتوي على نموذج الإتصال الخاص بمدونات بلوجر، فقط إضغط Publish لنشرها على المدونة.
- ستظهر لك نافذة تحتوي على إضافات بلوجر الرسمية، اضغط على More Gadjets ثم قم بإضافة Contact Form
- إختر إسما لهذه الإضافة ثم إضغط Save
الخطوة 2 : إخفاء نموذج الإتصال من قالب المدونة
قم بحفظ نسخة إحتياطية من قالب مدونتك لاسترجاعها في حالة حدوث مشاكل.
- من لوحة التحكم إضغط على Template ثم اختر Edit HTML
- ابحث عن [ltr]]]></b:skin>[/ltr] وضف قبلها مباشرة الكود التالي :
الكود:
#ContactForm1
{
display: none ! important;
}
- من لوحة التحكم إضغط على Pages ثم New page وبعدها اختر Blank page
- إختر إسما لهذه الصفحة وليكن Contact us
الخطوة 4 : إضافة نموذج الإتصال إلى محتوى الصفحة
- اختر محرر كود HTML
- إضغط على Options وتأكد من اختيار Press "Enter" for line breaks في Line breaks
- انسخ الكود التالي ثم ضعه في محتوى الصفحة
الكود:
<form name="contact-form">
<p> </p>
Name
<input name="name" class="contact-form-name" id="ContactForm1_contact-form-name" type="text" size="30" value="">
<p> </p>
Email <span style="font-weight: bolder;">*</span>
<input name="email" class="contact-form-email" id="ContactForm1_contact-form-email" type="text" size="30" value="">
<p> </p>
Message <span style="font-weight: bolder;">*</span>
<textarea name="email-message" class="contact-form-email-message" id="ContactForm1_contact-form-email-message" rows="5" cols="25"></textarea>
<p> </p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send">
<p> </p>
<div style="width: 100%; text-align: center; max-width: 222px;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
