صفحة اتصل بنا جاهزة بدون التعديل في اكواد القالب على بلوجر 2023

Admin -

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

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

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

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

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

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

  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>

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

أهمية صفحة اتصل بنا في جوجل ادسنس

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

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

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

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

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

الأقسام

2 تعليقات

أحدث أقدم

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