شرح تحويل نموذج "اتصل بنا" من قائمة السايد بار إلى صفحة فارغة

السلام عليكم ورحمة الله تعالى وبركاته

 سبق وقد شرحت لكم في الدرس السابق كيفية إضافة نموذج "اتصل بنا" في قائمة السايدبار 

الأن ساشرح لكم تحويل نموذج "اتصل بنا" من قائمة السايد بار إلى صفحة فارغة , حيث الكثير من المدونين لا يحبون هذه الاداة في قائمة السايد بار لكونها كبيرة في الحجم وليسة
من الضروريات بالاضافة الى انها تفقد جمالية المدونة .

اولا يجب عليك إضافة الاداة اولا من هنا : إضافة نموذج "اتصل بنا"

تابع معي شرح اخفاء نموذج "اتصل بنا" من قائمة السايد وتحويله الى صفحة فارغة .

طريقة التركيب :
  1~   قالب
 2~  تحرير HTML.
  ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.
 3~ ابحت عن الشفرة التالية :

]]></b:skin>

4~  قم بتلصيق الشفرة  اخفاء الاداة التالية فوقها يعني اعلاها مباشرة.

#ContactForm1 {display:none;}

 الان نلاحض ان إضافة نموذج "اتصل بنا" اختفت من من قائمة السايد بار , والان يجب ان نضفها الى صفحة فارغة ونسميها "اتصل بنا" او ما تشاء

5~ اذهب الى الصفحات وانشئ صفحة فارغة جديدة ثم قم بتلصيق الشفرة التالية مكان HTML
 تفضل الكود او الشفرة نموذج "اتصل بنا"

<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> الاسم <br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> بريد إلكتروني <span style="font-weight: bolder;">*</span> <br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> رسالة <span style="font-weight: bolder;">*</span> <br /> <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div>

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