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

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

نعلم انها عادية ويمكنك إضافتها كاداة وليس في صفحة خاصة بها

أولا سأريكم الشكل العادي لهذه الأداة

هكذا تكون الأداة في البداية لكن ليس بعد الآن بل ستصبح هكذا

إضغط هنا لترى بعينيك

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

وحتى لا أطيل عليكم طريقة التركيب هي كالتالي

اولا قم بإضافة نمودج إتصل بنا الخاص ببلوجر كما هو موضح في الصورة

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

 ]]></b:skin>

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

 /* Contact Form Container */ .contact-form-widget { width: 500px; max-width: 100%; margin: 0 auto; padding: 10px; background: #F8F8F8; color: #000; border: 1px solid #C1C1C1; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; } /* Fields and submit button */ .contact-form-name, .contact-form-email, .contact-form-email-message { width: 100%; max-width: 100%; margin-bottom: 10px; } /* Submit button style */ .contact-form-button-submit { border-color: #C1C1C1; background: #E3E3E3; color: #585858; width: 20%; max-width: 20%; margin-bottom: 10px; } /* Submit button on mouseover */ .contact-form-button-submit:hover{ background: #4C8EF9; color: #ffffff; border: 1px solid #FAFAFA; }

بعد أن أضفت هذا الكود قم بالبحث عن 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>

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

وأي رسالة ستتلقاها على حسابك في جوجل

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

اتمنى للجميع التوفيق دمتم في رعاية الله وحفضه