الخطوة 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>
- تم إنشاء صفحة ثابتة تحتوي على نموذج الإتصال الخاص بمدونات بلوجر، فقط إضغط
Publish لنشرها على المدونة.
ما الذي يمكن إرساله في هذا النموذج ؟
حتى الآن لا يسمح بدمج الملفات أو إرسال أي شيء آخر غير نص كتابي.
كيف أتحكم في كود CSS الخاص بهذا الفورم ؟
في موضوع قادم إن شاء الله سأتطرق إلى كيفية التحكم في تنسيق نموذج الإتصال وأيضا تصميم صفحة راسلنا بشكل إحترافي.
| توقيع : JoryAbdallah |
ﻻ اله الا انت سبحانك اني كنت من الظالمين
ﻻ اله الا الله محمد رسول الله
|
الرئيسية 
أحدث الصور 
موضوع: كيف تضيف نموذج الإتصال إلى صفحة راسلنا 
