أداة إتصل بنا الخاصة ببلوجر لكن مطورة

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


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


بعد إضافة الأداة إذهب إلى القالب ثم قم بتحريره وابحث عن الوسم 


 

بعد ان تجده ضع فوقه هذا الكود

 
بعد أن أضفت هذا الكود قم بالبحث عن ContactForm
ستجده بهذا الشكل


بعد ان تجد الاداة قم بتضليلها كلها كما هو موضح في الصورة ثم قم بحذفها واحفظ القالب 
بعد ذالك إذهب للصفحات وقم بإضافة صفحة جديدة فارغة ثم غير التحرير من تاليف إلى HTML 

وضع هذا الكود في الصفحة 

 <div class='widget ContactForm' id='ContactForm1'>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>الإسم<p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>البريد الإلكتروني *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>الرسالة *</p>
        <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='أرسل'/>
        <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>
      </form>
    </div>
  </div>
</div>

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

المقال السابق
المقال التالي
مقالات دات صلة