للاشتراك في قناة التيليجرام إضغط هنا

القائمة الرئيسية

الصفحات

تعديل المشاركة

الدرس الخامس اضافة صفحات إتصل بنا ومن نحن عن طريق المبايل في قالب سيو بلس

Emad Alqroon
(0)

     إضافة صفحات إتصل بنا ومن نحن عن طريق المبايل 

       

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

   اولا: اضافة صفحة إتصل بنا 

عند إضافة صفحة اتصل بنا نتبع التالي
  1. ندخل على المدونه التى قمت بانشائها 
  2. ثم نقوم بدخول الى لوحة التحكم في بلوجر                                 
  3. نختار من لوحة التحكم خيار الصفحات
  4. سيفتح لنا نافذه جديده نختار صفحه جديده                  

  5. نكتب عنوان الصفحه اتصل بنا ونقم بعمل منع التعليقات من الخيارات التي على جانب الصفحه جهة اليسار
  6. تكتب داخل الصفحة معلومات الاتصال بك   مثل للاتصال بنا عبر الايميل وتضع الايميل تبعك وغيرها من معلومات التواصل بك
اما اذا اردت اضافة نموذج الاتصال بشكل جميل وجذاب فتابع معي الشرح
  

   اضافة نموذج الاتصال

أما اذا اردت اضافة نموذج الاتصال في صفحة اتصل بنا 
فمن المعلوم ان قالب سيو بلس لا توجد فيه نموذج الاتصال فان هذا الكود يناسب حتى قالب سيو بلس بدون اي مشاكل وعند اضافة نموذج الاتصال
نقوم باختيار تحرير 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': '2595879224481487268', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

</script></div> 
نلصق الكود اعلاه داخل تحرير html ثم نقوم بتغيير رقم ID الخاص بي بالرقم الخاص بك الموضح اعلاه بالخط الاحمر ونحصل على رقم ID من رابط الصفحات
  
ثم نعمل لصفحه تاليف وننشرها 
هذا الشرح  بالنسبه لاضافة صفحة ونموذج الاتصال في مدونة بلوجر على اي قالب

 اضافة صفحة من نخن؟

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

   خطوات اضافة صفحة من نحن 

  1. اذهب الى لوحة التحكم في بلوجر 
  2. اختر خيار الصفحات من لوحة التحكم 
  3. ستظهر لك نافذة جديدة قم بالنقر على صفحة جديدة 
  4. اكتب العنوان من نحن ومنع التعليقات من الخيارات الموجوده جهة اليسار للمدونه 
  5. قم بكتابه نبذه مختصره عن نفسك وما تحتويه المدونه
  6. اعمل نشر ومبروك تم اضافة الصفحة 
اذا لم تظهر على مدونتك اذهب الى لوحة التحكم في بلوجر اختر التخطيط وابحث عن الصفحات واعمل اشارة صح على صفحة من نحن
هذا ما تيسر شرحه عن صفحتي اتصل بنا ومن نحن 
ونرجو ان قد استفتوا من هذا الشرح

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

العماد للمعلومات 
هل اعجبك الموضوع :

أخر المواضيع من قسم : بلوجر

تعليقات

إرسال تعليق

التنقل السريع