البرمجة وأهميتها

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

السلام عليكم السلام و رحمة الله و بركاته

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

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

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

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

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

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

إن كنت لا تملك قالب سيو بلس النسخة المجانية يمكنك تنزيله بالضغط على الرابط أدناه :

تحميل فالب سيو بلس

طريقة حل المشكلة بالخطوات التالية :

1- تحذف أداة نموذج الإتصال من التخطيط فيما لو كنت قد أضفتها من قبل.

2- تضغط على تعديل صفحة إتصل بنا الخاصة بك ثم على Html.

3- تقوم بنسخ الكود التالي :

<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">#contact-form{background:#ececec;padding:10px;box-shadow:0 0 0 1px #d9dce1}#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:8px 15px;margin-bottom:10px;font-family:'bein',Roboto,sans-serif}#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:#06de15;border-radius:5px;color:#fff;font-family:'bein',Roboto,sans-serif;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:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7)}.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': 'ضع هنا id بلوجر الخاص بك', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

</script></div>

 وتلصقه في Html بدلاً من الكود الحالي.
4- تقوم باستبدال جملة " ضع هنا id بلوجر الخاص بك" برقم id بلوجر الخاص بمدونتك.
و للحصول على رقم id بلوجر الخاص بك.
إضغط على الصفحة الرئيسية في بلوجر ثم إضغط على المشاركات وأضغط على رابط العنوان كأنك تريد نسخه ، تجد رقم id بعد  blogId=.

لاحظ الصورة المرفقة التالية:

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

ختاماً لا تنسى مشاركة التدوينة مع أصدقائك لتعم الفائدة على الجميع.