صفحة أتصل بنا لمدونات بلوجر | أهم الشروط للقبول في أدسنس | الطريقة الصحيحة دون التعديل علي أكواد القالب 2023

شكل صفحة أتصل بنا 

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

 خطوات تركيب صفحة أتصل بنا قالب سيو بلس : 

1/ تنزيل كود صفحة أتصل بنا و أخذ الكود نسخ .

2 / أذهب إلى بلوجر . 

3/ وبعدها أذهب إلي الصفحات .

4/ ثم أنقر علي صفحة جديدة .

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

6/ لا تنس بالضغط علي عدم السماح بالتعليقات وأخفاء التعليقات الحالية .

7/ بعدها أنشر الصفحة وهكذا تكون الصفحة قد أنشأت بنجاح وكانت هذة الفقرة لصفحة أتصل بنا لقالب سيو بلس .

كود صفحة أتصل بنا قالب سيو بلس : 

" <div id='Pagecontactus'></div>  "

صفحة أتصل بنا لقوالب بلوجر الأخري :

ننفذ نفس الخطوات السابقة لكن بدل أن نضيف كود صفحة أتصل بنا الخاصة بسيو بلس نضيف الكود التالي .

كود صفحة أتصل بنا لقوالب بلوجر الأخري :

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

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

تعديل المقال