اضافة صفحة اتصل بنا على بلوجر بدون التعديل في اكواد القالب 2022

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

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


لمعاينة صفحة اتصل بنا من هنا

شرح طريقة انشاء صفحة اتصل بنا

لكي تقوم بتركيب صفحة اتصل بنا على بلوجر قم باتباع الخطوات التالية :

  1. الذهاب الى واجهة تحكم بلوجر
  2. الذهاب الى قسم الصفحات
  3. انشاء صفحة جديدة
  4. تقوم بتسمية الصفحة ب contact-us لتخصيص الرابط (بعد الانشاء يمكنك تغيير الاسم)
  5. تقوم بالغاء التعليقات من خيار في اليسار
  6. تضغط الآن على زر القلم على اليمين
  7. تختار عرض html
  8. في هذه الصفحة تقوم بلصق الكود التالي :

<div dir="rtl" style="text-align: right;" trbidi="on">
  <div id="contact-form">
    <form name="contact-form">
      <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الاسم الكامل" size="30" type="text" value="" />
      <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="بريدك الالكتروني" size="30" type="text" value="" />
      <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
      <input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
      <br />
      <div style="text-align: center;">
        <div id="ContactForm1_contact-form-error-message"></div>
        <div id="ContactForm1_contact-form-success-message"></div>
      </div>
    </form>
  </div>
  <style type="text/css">
  /** created by https://www.jistweb.com/2021/08/creat-contact-us-page-blogger.html**/
    #contact-form {
    	background: #ffffff;
    	padding: 10px;
    }

    #ContactForm1_contact-form-name,
    #ContactForm1_contact-form-email,
    #ContactForm1_contact-form-email-message {
    	margin: 5px auto;
    	border: 1px solid #e3e3e3;
    	transition: all .5s ease-out;
    	width: 100%;
    	border-radius: 10px;
    	padding: 15px 20px;
    	margin-bottom: 20px;
    	background-color:#ffffff;
    }

    #ContactForm1_contact-form-submit {
    	border: 1px solid #e3e3e3;
    	font: unset;
    	text-shadow: 1px 1px 5px #111;
    	font-weight: 700;
    	font-size: 14px;
    	padding: 5px 15px;
    	background-color: #689f38;
    	border-radius: 5px;
    	color: #fff;
    	letter-spacing: 1px;
    	cursor: pointer
    }

    #ContactForm1_contact-form-name:focus,
    #ContactForm1_contact-form-email:focus,
    #ContactForm1_contact-form-email-message:focus {
    	outline: none;
    	border-color: rgb(104 159 56);
    	box-shadow: 0 0 5px rgb(104 159 56))
    }

    .contact-form-error-message-with-border {
    	color: #b90000;
    	font-weight: 700
    }
  </style>
  <script src="https://www.blogger.com/static/v1/widgets/2227587253-widgets.js" type="text/javascript"></script>
  <script type="text/javascript">
    _WidgetManager._Init('');
    _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': '2678521884433491553', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
  </script>
</div>

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

تم والحمد لله رب العالمين ولاتنسونا من حسن دعائكم لنا ولوالدينا ولكم ولجميع المسلمين الاحياء منهم والاموات.

أحدث أقدم

نموذج الاتصال