شرح نموذج المراسلة لمدونات Blogger في صفحة مستقلة

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

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

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

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

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

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

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

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

<div class="form">

<form name="contact-form">

<p></p>

الاسم

<br>

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

<p></p>

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

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

<br>

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

<p></p>

رسالة

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

<br>

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

<p></p>

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

<p></p>

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

<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>

<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>

</div>

</form>

</div>

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

#ContactForm1 {display:none;}

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

]]></b:skin>

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

المصدر : ترايدنت