السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم , وبعد :

أعتذر على التأخر لنشر هذا الموضوع ^_^
______________________



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










طريقة تركيب install نموذج المراسلة

التركيب install مباشر كأدي أداة أخرى ، فمن نموذج التخطيط أضف أداة ثم اختر التبويب "المزيد من الأدوات" وستجد أداة نموذج المراسلة اضغط عليها لاستكمال خطوات التركيب install :









لعرض نموذج الإتصال في صفحة أو مشاركة

إذا كنت لا تحبذ - مثلي - تركيب install نموذج المراسلة كأداة في القائمة الجانبية أو في القائمة السفلية ، يمكن تركيب install النموذج في صفحة مستقلة أو حتى مشاركة ، وأفضل أن تكون في صفحة ، واليك الطريقة:

1. قم بتركيب install الإضافة كما شُرح بعاليه.

2. أكتب صفحة جديدة ( أو مشاركة ) ومن وضع HTML انسخ الكود code التالي:



<form name=&quot;contact-form&quot;>

<p></p>

الاسم

<br>

<input type=&quot;text&quot; value=&quot;&quot; size=&quot;30&quot; name=&quot;name&quot; id=&quot;ContactForm1_contact-form-name&quot; class=&quot;contact-form-name&quot;>

<p></p>

بريد إلكتروني

<span style=&quot;font-weight: bolder;&quot;>*</span>

<br>

<input type=&quot;text&quot; value=&quot;&quot; size=&quot;30&quot; name=&quot;email&quot; id=&quot;ContactForm1_contact-form-email&quot; class=&quot;contact-form-email&quot;>

<p></p>

رسالة

<span style=&quot;font-weight: bolder;&quot;>*</span>

<br>

<textarea rows=&quot;5&quot; name=&quot;email-message&quot; id=&quot;ContactForm1_contact-form-email-message&quot; cols=&quot;25&quot; class=&quot;contact-form-email-message&quot;></textarea>

<p></p>

<input type=&quot;button&quot; value=&quot;إرسال&quot; id=&quot;ContactForm1_contact-form-submit&quot; class=&quot;contact-form-button contact-form-button-submit&quot;>

<p></p>

<div style=&quot;text-align: center; max-width: 222px; width: 100%&quot;>

<p id=&quot;ContactForm1_contact-form-error-message&quot; class=&quot;contact-form-error-message&quot;></p>

<p id=&quot;ContactForm1_contact-form-success-message&quot; class=&quot;contact-form-success-message&quot;></p>

</div>

</form>

</div>


3. الآن سيظهر نموذجان للإتصال ، سنخفي النموذج الذي تم اضافته في القائمة الجانبية عن طريق خصائص css ، سنضيف هذا السطر :


#ContactForm1 {display:none;}

وذلك فوق هذا السطر مباشرة:


]]></b:skin>


لاحظ أنك تستطيع تنسيق أبعاد النموذج والخطوط لتظهر بشكل أفضل حسب قالب template المدونة blog


للأمانه .. المصدر هنا


أخوكم في الله ومحبكم : قلبي أسطورة






©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©