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

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

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

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

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

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

لحل هذه المشكلة، لنبدأ بشرح حل مشكلة نموذج الأتصال في بلوجر.

كيفية إصلاح الخطأ في صفحات / أدوات نموذج الاتصال في بلوجر

  • قم بتسجيل لدخول إلي حسابك ثم إذهب إلى لوحة تحكم بلوجر
  • إنتقل للمدونة التي ستطبق عليها الأداة ثم إلى المظهر ثم إضغط على تحرير  تعديل HTML  
  • إضغط داخل المحرر  ثم   F + Ctrl لإضهار مربع البحث
  • بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بالحث عن الوسم Head و قبله أو فوقع قم بوضع الكود التالي

<b:if cond='data:view.isPage'><style>
        /* Contact Form imintweb.com */
        #comments,.post_meta,#blog-pager{display:none}form{color:#666} #kontak{margin:auto;max-width:640px} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid #1d2129;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid #1d2129;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}#ContactForm1_contact-form-submit{float:right;background:#008c5f;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}#ContactForm1_contact-form-submit:hover{background:#1d2129;color:#fff}#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}.contact-form-error-message-with-border{background:#1d2129;border:none;box-shadow:none;color:#fff;padding:5px 0}.contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff}img.contact-form-cross{line-height:40px;margin-right:5px}.post-body input{width:initial}
        </style></b:if>

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

<form id="kontak" name="contact-form">
  <input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />
  <input id="ContactForm1_contact-form-email" name="email" size="30" placeholder="Email" type="text" value="" />
  <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>
  <input id="ContactForm1_contact-form-submit" type="button" value="Send Message"/>
  <div style="max-width: 222px; text-align: center; width: 100%;">
    <div id="ContactForm1_contact-form-error-message"></div>
    <div id="ContactForm1_contact-form-success-message"></div>
  </div>
</form>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"></script>
<script>//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '860480000000000003956';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d860480000000000003956','//www.imintweb.com/','860480000000000003956');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '860480000000000003956', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]></script>


قم بإستبدال المحدد بالأسفل بما يتناسب مع مدونتك
  • قم بتغيير www.imintweb.com برابط المدونة الخاصة بك
  • 2. قم بتغيير الكود 860480000000000003956 مع رقم معرّف مدونتك. معرّف مدونتك تجده هنا:

معرف المدونة

عند الانتهاء، انقر فوق الزر نشر .

الخاتمة

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