بسم الله الرحمن الرحيم
بعد بحث طويل وجدت ان معطم الشروحات حول كيفية اضافة صفحة اتصل بنا هي قديمة وتعتمد بالاساس على موقع foxyform لكن هذا الموقع في الاون الاخيرة لم يعد يعمل او بالاحرى يعمل بشكل جزئي لذي قررت ان اقوم بشرح لكيفية اضافة صفحة اتصل بنا بالاعتماد على طريقة جديدة .
ان صفحة اتصل بنا هي صفحة مهمة لجميع المواقع والمدونات لان من خلال صفحة اتصل بنا يمكن لزائر التواصل بشكل مباشر مع صاحب الموقع او المدونة لاجابة عن ايت اسئلة او استفسارات لدي الزائر لدي تعتبر صفحة اتصل بنا من اهم الصفحات التي يجب ان تتوفر في المدونة او المو قع .
لذى ادعوك لمشاهذة الفيديو بالكامل لفهم كيفية القيام باضافة صفحة اتصل بنا على مدونة البلوجر
ان صفحة اتصل بنا هي صفحة مهمة لجميع المواقع والمدونات لان من خلال صفحة اتصل بنا يمكن لزائر التواصل بشكل مباشر مع صاحب الموقع او المدونة لاجابة عن ايت اسئلة او استفسارات لدي الزائر لدي تعتبر صفحة اتصل بنا من اهم الصفحات التي يجب ان تتوفر في المدونة او المو قع .
لذى ادعوك لمشاهذة الفيديو بالكامل لفهم كيفية القيام باضافة صفحة اتصل بنا على مدونة البلوجر
الكود الاول :
#ContactForm1 {
display:none;
}
الكود الثاني :
<div id="custom_ContactForm1" class="widget ContactForm">
<div class="contact-form-widget">
<p>Get in touch with us by filling out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<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>
Message
<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="Send" 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>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">
<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>
واتمنى ان ينال الشرح اعجابكم واي سؤال انا في الخدمة