كيف تضيف نموذج الإتصال إلى صفحة راسلنا

كيف تضيف نموذج الإتصال إلى صفحة راسلنا الخميس 2 فبراير 2017 - 23:54

الخطوة 1 : إضافة نموذج الإتصال إلى قالب المدونة - من لوحة التحكم إضغط على Layout ثم Add a Gadget
- ستظهر لك نافذة تحتوي على إضافات بلوجر الرسمية، اضغط على More Gadjets ثم قم بإضافة Contact Form
- إختر إسما لهذه الإضافة ثم إضغط Save

الخطوة 2 : إخفاء نموذج الإتصال من قالب المدونة
قم بحفظ نسخة إحتياطية من قالب مدونتك لاسترجاعها في حالة حدوث مشاكل.
- من لوحة التحكم إضغط على Template ثم اختر Edit HTML
- ابحث عن [ltr]]]></b:skin>[/ltr] وضف قبلها مباشرة الكود التالي :

الكود:

#ContactForm1
    {
        display: none ! important;
    }

الخطوة 3 : إنشاء صفحة جديدة (راسلنا)
- من لوحة التحكم إضغط على 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>