انشاء صفحة أتصل بنا لموقعك
طريقة انشاء صفحة اتصل بنا
سبب عدم وصول رسائل من صفحة أتصل بنا إلى بريدك الالكتروني
أهمية أنشاء صفحة اتصل بنا للقبول في غوغل أدسنس
توجد ميزة عنصر واجهة مستخدم في نظام Blogger. يتيح لك ذلك إضافة أداة نموذج "اتصل بنا" في الشريط الجانبي أو قسم التذييل في موقع Blogger على الويب.
لكنها لا تبدو احترافية ، لذلك يجب أن تكون هناك صفحة مخصصة للاتصال بنا.
تابع معنا الشرح مختصر وسهل
سبب عدم وصول الرسالة الى البريد الخاص بمدونتك
بإنشاء صفحة اتصل بنا على Blogger
أولا قم بإنشاء صفحة أتصل بنا في قسم صفحات بلوجر ثم انتقل الى تحرير html اعلى اليمين ضمن الصفحة بعد ذلك انسخ الكود التالي
نقدم هنا كود HTML لصفحة اتصل بنا لمدونة Blogger. يجب عليك إنشاء نموذج اتصل بنا.
<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': '0000000000000000000', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); </script> </div>
انسخ الكود أعلاه والصقه في صفحة اتصل بنا يجب عليك التعديل على الاصفار باللون الأحمر داخل الكود برمز مدونتك .
الآن عليك إنشاء عنصر واجهة مستخدم نموذج الاتصال بنا.
كيفية إنشاء صفحة نموذج اتصل بنا لمدونة بلوجر
في وقت سابق ، كان بإمكانك إنشاء نموذج "اتصل بنا" بمساعدة أداتنا. ولكن بعد التحديث الأخير لـ Blogger ، يتم إنشاء رمز جلسة باستخدام نموذج اتصل بنا. لذلك أصبح من الممكن الآن فقط بمساعدة أداة نموذج الاتصال بنا في Blogger.
How to create a contact us page
في هذه المقالة ، فهمنا كيفية إنشاء صفحة نموذج اتصل بنا لمدونة Blogger بنقرة واحدة باستخدام منشئ نموذج اتصل بنا.
أتمنى أن تكون قد أحببت هذا المقال. في حالة وجود أي سؤال ، لا تتردد في مراسلتنا أو في قسم التعليقات أدناه.
