اضافة صفحة اتصل بنا contact us على بلوجر

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

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

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

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

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

في هذه الصفحة تقوم بلصق الكود التالي :

<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>

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

 أهمية صفحة اتصل بنا في Google AdSense

تعد صفحة " جهة الاتصال" مهمة جدًا لقبول Google AdSense ، حيث يتعين على زوارك الاتصال بك بشأن أية مشكلات أثناء تصفح مدونتك. لذلك ، يجب أن تحتوي كل مدونة في Blogger على صفحة "اتصل بنا".

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

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

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

تعديل المقال