-->

      • 2017 إحدى طرق إضافة صفحة إتصل بنا لمدونات بلوجر - How to add the Contact Us page for the codes blogger

      2017 إحدى طرق إضافة صفحة إتصل بنا لمدونات بلوجر - How to add the Contact Us page for the codes blogger
      أعزائى ومتابعينا الكرام تابعوا معنا إحدى طرق إضافة صفحة إتصل بنا لمدونات بلوجر والتى تعد من الصفحات المهمة جداً واللازمة لكسب ثقة الزوار وإمكانية تلقى المقترحات والشكاوى 

       الطريقة

       أولاً

       هذه صورة للنموذج
      ثانياً
      ندخل إلى لوحة التحكم فى البلوجر ثم نختار من قائمة التحكم الموجودة باليمين

       1 - التخطيط
      سيظهر لك صفحة تخطيطية للمدونة ثم إضغط على (2)


       2 - إضافة أداة
            ستفتح نافذة إضافة أداة ذكية

       3 - إختار المزيد من الأدوات

       4 - إضغط على نموذج الإتصال

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

       سنعود مرة أخرى إلى البلوجر ثم نختار من قائمة التحكم الموجودة باليمين

       5 - قالب
           سيظهر مربع مكتوب به تحرير HTML 

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

       سوف نضغط كليك يسار فى أى مكان بداخلها 
      ثم نضغط على ctrl + F

       7 - سيظهر مربع بحث نكتب فيه كلمة <head>
           ثم نضغط على Enter

      8 - ثم نضع هذا الكود

      <style>
      ContactForm1
       {:display: none}
      <style/>

      أسفل كلمة head مباشراً كما هو موضح بالصورة أدناه
      9 - نضغط على حفظ وبذلك نكون قد أخفينا نموذج الإتصال


      رابعاً 

       نبدء بعمل صفحة إتصل بنا منفصلة

       10 - من لوحة التحكم نضغط على الصفحات 
      11 - نضغط صفحة جديدة

      ستفتح صفحة جديدة فارغة يمكننا أن نسمى الصفحة كما نريد ولنفترض 
      نسميها (إتصل بنا)

       12 - نكتب فى العنوان إتصل بنا
      13 - فى ناحية اليمين نضغط على HTML 
      14 - نقوم بمسح كل ما هو مكتوب أمامنا
      15 - نقوم بنسخ الكود التالى ثم نضعه فى الصفحة
      <!-- contact us page by bloggeram.com -->
      <div class="bloggeram-contact-page">
      <p>ينيمكننا هنا كتابة رسالة توضحية للزائر</p>
      <center>
      <div class="contact-us-page">
      <div class="contact-form-widget">
      <div class="form">
      <form name="contact-form">
      <p>
      </p>
      <span class="contact-us-text">الاسم</span>
      <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" autocomplete="off">
      <p>
      </p>
      <span class="contact-us-text">بريد إلكتروني <span style="font-weight: bolder;">*</span></span>
      <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="">
      <p>
      </p>
      <span class="contact-us-text">رسالة <span style="font-weight: bolder;">*</span></span>
      <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
      <p>
      </p>
      <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال">
      <p>
      </p>
      <div style="text-align: center; max-width: 222px; width: 100%">
      <p class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
      </p>
      <p class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
      </p>
      </div>
      </form>
      </div>
      </div>
      </div>
      <br />
      <p>تأكد من ظهور "تم أرسال رسالتلك"</p>
      </center>

      </div>


      <link href='//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css' rel='stylesheet'/>
      <link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

      <style>

      .bloggeram-contact-page {
      direction: rtl;
      text-align: center;
      }

      .contact-us-page {
      width:98%; max-width:400px;
      }

      .contact-us-text {
      float: right;
      }

      .contact-form-button, .contact-form-button-submit, #ContactForm1_contact-form-submit {
      font-family: 'Droid Arabic Kufi';
      color: #fff;
      background: #111;
      border-color: #111;
      width: 95%;
      height: 45px;
      font-size: 1.1em;
      }


      .contact-form-name, .contact-form-email, .contact-form-email-message {
      max-width: none !important;
      width: 95% !important;
      min-height: 40px !important;
      font-family: 'Droid Arabic Kufi' !important;
      }
      .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
      box-shadow: none;
      }
      .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
      box-shadow: none;
      outline: none;
      }



      .contact-form-widget {
      width: inherit;
      max-width: none !important;
      padding: 10px 12px 5px 0px;
      font-size: .90em;
      }

      #ContactForm1_contact-form-submit {
      font-family: 'Droid Arabic Kufi', Voces;
      color: #fff;
      background: #111;
      border-color: #111;
      width: 95%;
      height: 45px;
      font-size: 1.1em;
      }
      #ContactForm1_contact-form-submit:hover {
      background: #FFA200;
      border: #FFA200;
      }

      </style>

       16 - نختار من جهة اليسار خيارات ثم نضغط على عدم السماح

      17 - نضغط على نشر

      رابعاً 

       ندخل إلى لوحة التحكم فى البلوجر ثم نختار من قائمة التحكم الموجودة باليمين

      18 - التخطيط
      سيظهر لك صفحة تخطيطية للمدونة ثم إضغط على (19)

       19 - إضافة أداة
            ستفتح نافذة إضافة أداة ذكية




      بعد الضغط على إضافة أداة ستظهر أمامك قائمة 

       20 - ثم نختار من القائمة  HTML/JavaScript
      ستفتح نافذة مثل الموجودة فى الصورة التالية

        صفحة إضافة  HTML/JavaScript



      ثم نعود مرة أخرى إلى الصفحات ونضغط على كلمة عرض الموجودة تحت إسم صفحة إتصل بنا

       21 - نضغط على عرض


       ستفتح نصفحة إتصل بنا 

       22 - نقوم بنسخ الرابط المشار إليه بالصورة وهو رابط الصفحة أو كما يسمى  URL



      ثم نقوم بنسخ الكود التالى كما هو ولصقه فى المربع الفارغ مع تغيير الرابط برابط صفحة (إتصل بنا) التى أنشأتها كما هو فى الصورة التالية

      <a href="http://123456.blogspot.com.eg/p/blog-page_30.html">إتصل بنا</a>

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

       وفى إنتظار إستفساراتكم فى أى وقت 

       مع خالص تمنياتنا لكم بالنجاح والتوفيق

       حقوق الطبع والنشر محفوظة لمدونة صدفة ستايل 


      ليست هناك تعليقات :

      إرسال تعليق

      الاشتراك في: تعليقات الرسالة ( Atom )

      نموذج الاتصال

      الاسم

      بريد إلكتروني *

      رسالة *

      يتم التشغيل بواسطة Blogger.
    جميع الحقوق محفوظة ل Sodfa Style