شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

avatar
JoryAbdallah
 
البلد : السعودية
الجنس : انثى
المساهمات : 1442
نقاط النشاط : 1676
تمت المشاركة في الخميس 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>

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

ما الذي يمكن إرساله في هذا النموذج ؟

حتى الآن لا يسمح بدمج الملفات أو إرسال أي شيء آخر غير نص كتابي.

كيف أتحكم في كود CSS الخاص بهذا الفورم ؟

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




توقيع : JoryAbdallah


ﻻ اله الا انت سبحانك اني كنت من الظالمين
ﻻ اله الا الله محمد رسول الله

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

abuahmad
abuahmad
أسطورة الإشهار

البلد : مصر
الجنس : ذكر
المساهمات : 7391
نقاط النشاط : 8165
تمت المشاركة في الخميس 16 فبراير 2017 - 8:46

موضوع رائع



وابداع فى الطرح



شكرا على الابداع



فى انتظار المزيد



تحياتى






توقيع : abuahmad



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

سارع وشارك بمسابقه صوره واجمل تعليق 100 اعتماد جائزه اسبوعيه
http://www.alanwar10.com/t5044-topic
كيف تضيف نموذج الإتصال إلى صفحة راسلنا  5c3yr34a7puk
 

امتلك منتدى VB بدون اى شروط فقط ضع طلبك باقسام التصميم بمنتدىالانوار10

شبكة منتديات الانوار10[/center]

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

VaMoS AmR
VaMoS AmR
أسطورة الإشهار

البلد : مصر
الجنس : ذكر
المساهمات : 22620
نقاط النشاط : 24228
تمت المشاركة في الخميس 16 فبراير 2017 - 11:30

مووضوع اكثر من راائع
شكراً لكى اختى JAR7 على هذا المجهود
تحياتى لك vamos amr




توقيع : VaMoS AmR


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

مصطفى ستيتان
مصطفى ستيتان
 
البلد : فلسطين
الجنس : ذكر
المساهمات : 6269
نقاط النشاط : 6945
تمت المشاركة في الأربعاء 3 أكتوبر 2018 - 16:19

ألف شكر لكم على المجهود الطيب ، 
وجزاكم الله كل خير




توقيع : مصطفى ستيتان


سبحان الله والحمدلله ولا إله إلا الله 
- أدعوكم للمشاركة في ( منتديات سما العرب ) 
https://www.samaarab.com/vb/
كيف تضيف نموذج الإتصال إلى صفحة راسلنا  Do
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى