كيفية اضافة صفحة اتصل بنا

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

طريقة تركيب و اضافة صفحة اتصل بنا:

1- قم بدخول لمدونتك > بعدها انتقل الى التخطيط ثم أضف آداة نموذج الإتصال ستجدها في المزيد من الأدوات مثل ماهو موضح في الصورة.
كيفية اضافة صفحة اتصل بنا
كيفية اضافة صفحة اتصل بنا
2- بعدها قم بالدخول > القالب (المظهر) > ثم تحرير html > وابحث عن الكود التالي.
ContactForm
3- ثم اضغط على أسهم توسعة الآداة واحذف كل ما هو مجود بين هاذين الكودين.
<b:includable id='main'>
احذف الاكواد الموجود هنا بينهما
</b:includable>
واليك صورة توضح لك ماهي الاكواد التي تم حذفها.
كيفية اضافة صفحة اتصل بنا
كيفية اضافة صفحة اتصل بنا
ملحوظة في حالة أن الآداة تحمل رقم آخر غير الرقم واحد أي مثلاً ContactForm2 قم بتغييره الى 1.
4- احفظ القالب و افتح صفحة جديدة وانتقل الى تبويب html مثل ماهو موضح في الصورة ادناه.
كيفية اضافة صفحة اتصل بنا
كيفية اضافة صفحة اتصل بنا
5- احذف كل ماهو موجود وضع الكود التالي في الصفحة.
<style>
.cnmufourm { text-align: center;}
.contact-form-widget { max-width: 100%; width: 100%;}
.contact-form-name,.contact-form-email,.contact-form-email-message{border: 1px solid #BBBBBB; color: #605F5F; max-width: 100%; width: 100%; height: 40px; font: 14px droid arabic kufi; text-align: center;}
.contact-form-email-message { margin-bottom:15px;min-height:150px}
.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
  border: 1px solid #8FF8F; color:#000;}
.contact-form-button-submit,ContactForm1_contact-form-submit2 {background: #002873; border: 0; color: #fff;padding:0 15px 26px; font: 14px droid arabic kufi; cursor: pointer;}
.contact-form-button-submit:hover,#ContactForm1_contact-form-submit2:hover{background: #f1f1f1;  border: 0; color: #555;}
</style>
<div class="cnmufourm">
<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class='form'>
    <form name='contact-form'>
    <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="الإسم" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;الإسم&quot;;}' onfocus='if (this.value == &quot;الإسم&quot;) {this.value = &quot;&quot;;}' />
    <p></p>
    <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="البريد الإلكتروني"  size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;البريد الإلكتروني&quot;;}' onfocus='if (this.value == &quot;البريد الإلكتروني&quot;) {this.value = &quot;&quot;;}'/>
    <p></p>
    <textarea class='contact-form-email-message'  id='ContactForm1_contact-form-email-message' name='email-message'  value='اكتب رسالتك هنا'  onblur='if (this.value == &quot;&quot;) {this.value = &quot;اكتب رسالتك هنا&quot;;}' onfocus='if (this.value == &quot;اكتب رسالتك هنا&quot;) {this.value = &quot;&quot;;}'></textarea>
    <p></p>
    <input class='contact-form-button contact-form-button-submit CNMU-button-color' id='ContactForm1_contact-form-submit' type='button' value='إرسال'/>
    <input class='contact-form-button contact-form-button-submit CNMU-button-color' id='ContactForm1_contact-form-submit2' type='reset' value='مسح'/>
    <p></p>
    <div style='text-align: center; max-width: 222px; width: 100%'>
    <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
    <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
    </div>
    </form>
    </div>
</div>
</div>
</div>
6- ثم اختر اسم لها على سبيل المثال "اتصل بي" ثم اضغط على نشر.
لا تنسى اذا واجهتك اي مشكلة في تركيب الاضافة اخبرنا بها في التعليق، ويسعدنا مساعدتك، كان هذا كل شيء اتمنى ان تنال اعجابكم، الى درس اخر، سلام.

شارك المقالة مع أصدقائك

mo3awin

هناك 4 تعليقات:

  1. تسلم ايدك ودماغك والله اشتغال تمام

    ردحذف
    الردود
    1. الحمد الله .. و مرحبا بك في اي وقت

      حذف
  2. والله تسلم بس عندي طلب ممكن تتواص معايا علشان تساعدني
    البريد taym6116@gmail.com

    ردحذف
  3. شكرا لك اخي

    و لكن عندي مشكلة انا في المدونة الخاصة بي ظهرت الاضافة و لكن عند الضغط على الارسال يظهر بانه تم ارسال الرسالة
    و لكن لا يصلني اي شيء على الايميل و عندوما اقوم بتجريب الاضافة على الدومين المجاني
    تعمل بكل سهولة و يتم الارسال الى الايميل بكل سهولة

    اللذي لا يعمل دومين مدفوع و اللذي تعمل دومين مجاني

    ما السبب و شكرا لك

    ردحذف