recent
أخبار ساخنة

كيفية إصلاح نموذج الاتصال في بلوجر وحل مشكلة زر الإرسال لا يعمل

عالم التقنية- E.A
الصفحة الرئيسية

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

طريقة إصلاح نموذج الاتصال في بلوجر وحل مشكلة زر الإرسال لا يعمل (شرح شامل)

كيفية إصلاح نموذج الاتصال في بلوجر وحل مشكلة زر الإرسال لا يعمل


أسباب تعطل نموذج الاتصال في بلوجر

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

  • تعديل غير صحيح لوسم الإغلاق < /body >
    يؤدي التلاعب أو حذف وسم الإغلاق إلى تعطيل العديد من الأدوات الافتراضية، ومنها نموذج التواصل.

  • حذف أو تعديل أكواد CSS وJavaScript الضرورية
    إزالة أي كود مرتبط بنموذج الاتصال قد يمنع النموذج من الظهور أو يمنع زر الإرسال من العمل بشكل سليم.

  • عدم توافق القالب المستخدم مع نموذج الاتصال الافتراضي
    بعض القوالب المخصصة لا تدعم نموذج بلوجر الأصلي أو تحتاج إلى تعديل إضافي ليتوافق معها.

خطوات إصلاح نموذج الاتصال في بلوجر

1. التوجه إلى محرر القالب

افتح بلوجر ثم:المظهر > تعديل HTML (Theme > Edit HTML)

ابحث عن الأكواد التي تم تعديلها مسبقًا وتأكد مما يلي:

  • عدم وجود تحليل غير صحيح لوسوم الإغلاق.

  • عدم حذف عناصر JavaScript أو CSS المرتبطة بنموذج الاتصال.

2. استبدال الأكواد الأساسية

قم باستبدال كل كود معطى في القالب بالكود الصحيح المقابل له.

⚠️ ملاحظة: تأكد من استبدال الكود العلوي فقط عند الإشارة إلى ذلك.

كرر العملية مع كل الكتل البرمجية المطلوبة. سيتم توفير الأكواد حسب القالب المستخدم، ويفضل العودة لنسخة احتياطية قبل أي تعديل.

استبدل الكود أدناه

&lt;head&gt;

مع الكود أدناه

<head>

بعد ذلك، استبدل الكود أدناه

&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin> <style type='text/css'>

مع الكود أدناه

<b:skin><![CDATA[

بعد ذلك، استبدل الكود أدناه (استبدل الكود العلوي فقط)

</style>

مع الكود أدناه

]]></b:skin>

بعد ذلك، استبدل الكود أدناه

&lt;/head&gt;&lt;!--<head/>--&gt;

مع الكود أدناه

</head>

بعد ذلك، استبدل الكود أدناه

&lt;!--</body>--&gt;&lt;/body&gt;

مع الكود أدناه

</body>

ثم انقر فوق زر حفظ في السمة وقد انتهيت.

إذا كان لا يزال لا يعمل بشكل صحيح، فأنت بحاجة إلى إضافة هذا مباشرة قبل علامة إغلاق النص.</body>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1713423360236021196';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7880801162654032132','https://weulum.blogspot.com/','7880801162654032132');
_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': '7880801162654032132', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

استبدل جميع الرموز المحددة بعنوان URL الخاص بمدونتك  ومعرف مدونتك

بعد ذلك، إذا كانت مدونتك تستخدم مكتبة jQuery مثل هذه

<script src='https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js'/>

ثم استبدله بهذا الإصدار

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'/>

أضف أيضًا  mobile='yes' عنصر واجهة مستخدم نموذج الاتصال في تحرير HTML

<b:widget id='ContactForm1' locked='false' mobile='yes' title='Contact Form' type='ContactForm' version='1'>

تم، حتى الآن، يُمكننا القول إن نموذج اتصال بلوجر قد تم إصلاحه بنجاح. مع ذلك، إذا كنت لا تزال غير متأكد، يُمكنك تغيير الكود أدناه.

<HTML expr:dir='data:blog.languageDirection'>

أو مثل هذا

<HTML>

مع الكود أدناه

<html>

قم أيضًا باستبدال الغطاء بهذا الشكل

</HTML>

مع رمز الإغلاق أدناه

</html>

 خطوات إضافية في حال استمرار المشكلة

  • يمكنك استخدام أكواد بديلة لنموذج الاتصال إذا لم تنجح الطريقة السابقة.

  • استبدل أي "غطاء " (wrapper) أو هيكل خارجي للنموذج بصيغة أبسط تدعم القوالب الحديثة.

  • تأكد من إضافة رمز الإغلاق الصحيح.

النتيجة النهائية

بعد تطبيق هذه الخطوات:

  • سيعمل نموذج الاتصال في بلوجر كما هو متوقع.

  • سيتم إرسال الرسائل بنجاح إلى البريد الإلكتروني المرتبط.

  • ستتفادى المشاكل المرتبطة بالقوالب المخصصة أو التعديلات الخاطئة.

نصيحة سيو إضافية

لتحسين تجربة المستخدم ورفع ترتيب مدونتك في نتائج بحث جوجل:

  • اجعل نموذج الاتصال متاحًا في صفحة ثابتة ومنفصلة.

  • أضف رابطًا إلى صفحة "اتصل بنا" في القائمة الرئيسية أو الفوتر.

  • احرص على أن تكون الصفحة مؤرشفة ضمن خريطة الموقع (sitemap.xml).

 خاتمة

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

هل نجحت معك الخطوات؟ شاركنا تجربتك في التعليقات!

google-playkhamsatmostaqltradent