حصرياً نموذج الاتصال لمدونات بلوجر الرسمية + شرح طريقة أضافة النموذج للصفحات



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

شكل نموذج الاتصال بعد الاضافة



طريقة اضافة نموذج الاتصال او المراسلة الى جانب المدونة blog



شرح طريقة الاهم هنا طريقة اضافة كود code الاداة الى الصفحات والمشاركات مثال :: -
http://www.elmedan.tv/p/blog-page_25.html


1- نقوم باضافة الكود code التالى فى احدي المشاركات او الصفحات وعدم تغير اي شئ بالكود code

رمز Code:
<!-- نموذج الاتصال --> <div style=&quot;background: #F3F3F3; border: 0px solid #C3C3C3; float: left; height: 100%; padding-top: 0px; width: 99%;&quot;> <div class=&quot;form&quot;> <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> <br><center><font face=&quot;Arial, Helvetica&quot; size=&quot;1&quot;><b> <a href=&quot;http://www.elmedan.tv/&quot;>الميدان نيوز</a> </b></font></center> <!-- نموذج الاتصال -->
2- الآن سيظهر نموذجان للإتصال ، سنخفي النموذج الذي تم اضافته في القائمة الجانبية عن طريق البحث فى القالب template عن هذا السطر :

رمز Code:
]]></b:skin>
ونضيف الكود code التالى فوق الكود code السابق

رمز Code:
#ContactForm1 {display:none;}
ملحوظة مهمة جداً ::- لا يعمل الكود code الذى سوف نضيفة فى الصفحات والمشاركات الا بتركيب install النموذج الاصلى لبلوجر ثم اخفاءه او تركة ظاهرا
واذا كنت تريد عدم اخفاء النموذج الاصلى لا تنفذ العملية رقم 2
وتم اضافة خلفية رصاصى لاضافة احترافية للقالب template الاتصال والمثال فى الاعلي

المصدر الميدان نيوز // http://www.elmedan.tv/2014/10/blog-post_25.html










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