كيفية اضافة صفحات إتصل بنا الي مدونة

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

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

من المعلوم ان الصفحات الرئيسية ( صفحة سياسة الخصوصية وصفحة اتفاقية الاستخدام و صفحة إتصل بنا وصفحة من نحن ) من الصفحات المطلوبه من اجل القبول في قوقل ادسنس وقد تكلمنا في الدرس السابق عن سياسة الخصوصية واتفاقية الاستخدام  

وفي هذا الدرس سوف نتكلم عن صفحتى ( اتصل بنا و من نحن؟ ) 

1.اضافة صفحة اتصل بنا

.قم بالدخول الي مدونتك التي قمت بانشائها

.ثم قم بالدخول الي لوحة التحكم لمدونتك

.ثم اختار القسم الخاص بالصفحات.

.ثم قم بانشاء صفحة جديدة

.ثم سوف تقوم بكتبة عنوان لصفحة  اتصل بنا 

.عليك كتبة معلومات داخل الصفحة مثل وضع ايمايل في الصفحة او اتصل بنا

2.انشاء نمودج اتصل بنا

.عليك انشاء نمودج خاص بك لان نمودج اتصل بنا لا يوجد في مدونة بلوجر لتقوم بدالك عليك تحرير html

.ثم نضع الكود التالي

إنسخ الكود التالي

<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': ', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEن.....................mailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

</script></div> 

نلصق الكود اعلاه داخل تحرير html ثم تقوم بادخال الرقم الخاص بك  في مكان النقط الموضحة اعلاه بالخط الاصفر ونحصل على رقم ID من رابط الصفحات

والان سوف نتحول الي شرح كيفية اضافة صفحة من نحن

1.اضافة صفحة من نحن

.ستقوم بنفس الخطوات التي قومت بها لانشاء صفحة اتصل بنا. لكن صفحة من نحن لا تحتاج الا كود خاص بها لانها تعرف عن نفسها تلقائيا

.اختار لوحة التحكم في مدونتك

.قم بالدخول الي الصفحات 

.قم بانشاء صفحة جديدة

.اكتب في عنونها من نحن

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

.ثم قم بنشر الصفحة 

في حال لم تضهر الصفحة في مدونتك اذهب الى لوحة التحكم في بلوجر اختر التخطيط وابحث عن الصفحات واعمل اشارة صح على صفحة من نحن