مساحة إعلانية

الجمعة، 2 أكتوبر، 2015

الجمعة، 2 أكتوبر، 2015

إنشاء مظهر مستقل لصفحات الخطأ

customize blogger error page
في موضوع سابق تكلمنا عن انشاء صفحات الخطأ واعادة توجيهها , لكن هذا كان يتضمن من يرغب ان يكون لديه صفحة مخصصة ينشئها داخليا في بلوجر ويضيف بها اضافات وما الي هذا اما من يحبون البساطة هناك طريقة أخرى وهي عمل مظهر مستقل لصفحة الخطأ داخل القالب نفسه كلا الطريقتين تفيان بالغرض لكن لكي تتمل الفائده احببت ان اشرح لكم الطريقة الأخرى وأعددت لكم مظهر بسيط وساوضح طريقة تركيبه والتعديل عليه
هذا هو الشكل المبسط للنموذج

للتركيب قم بإضافة الكود التالي بعد وسم الفتح <body> مباشرة
 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type="text/css">
body {
  background: #777 none repeat scroll 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 2em;
  padding: 30px 0;
}
h6 {
  color: #fdd702;
  display: block;
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.erhomr {
  background-color: #444;
  border: 1px solid #fff;
  box-shadow: 0 0 2px #000;
  color: #fff;
  display: inline-block;
  height: 40px;
  padding: 0 20px;
  line-height:40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.7s ease 0s;
}
.erhomr:hover {background-color: #000; color:#fff;}
</style>
<center>
<!-- بداية محتوى الصفحة -->
<img src="https://lh3.googleusercontent.com/--qV_QKSmy-8/Vg2mqNE7-AI/AAAAAAAAFxM/znKnsbB1a-o/s210-Ic42/sad-smiley-face.png"/>
<h6>صفحة خطأ</h6>
<p>الصفحة التي تبحث (ي) عنها غير موجوده</p>
<a class="erhomr" href="/">الرئيسية</a>
<!-- نهاية محتوى الصفحة -->
</center>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<div class="cnmu-error-body">
ثم استخدم الكود التالي فوق وسم الإغلاق </body> مباشرة
</div>
</b:if>
تنسيقات على الكود الأول
هذا اللون #777 هو خلفية الصفحة
هذا اللون #fdd702 هو لون كلمة صفحة خطأ
هذا اللون #444 هو لون زر الرئيسية
وهذا #000 لون الزر عند تمرير الماوس
الرابط الوردي هو رابط الصورة
الكلام العربي يمكنك تعديله
ان اردت اضافة جمل اضافية اضف هذا الكود واكتب ما تريد فيه
<p>هنا</p>
كرر الكود كلما اردت سطر اضافي

هناك 19 تعليقًا:

  1. اضافة جميلة ششكرا لك دائما متميز

    ردحذف
  2. حيا الله الحبيب الغالي احمد نورت الموضوع بمرورك يا غالي

    ردحذف
  3. رغم انى لم اعد افتح من الويب وافتخ من الهاتف الا دائما يحب ان ازور مدونتك موضوع جميل

    ردحذف
    الردود
    1. وأنا اصبحت انتظر تعليقك على موضوعاتي فلا تحرمنا من مرورك يا غالي

      حذف
  4. اضافه جميله وجديده شكرا لك

    ارجو ان تعطيني رأيك بمدونتى المتواضعه
    http://www.tech-captain.com/

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

      حذف
  5. موضوع ممتاز اخى لاكن اول مره تكتب موضوع فى اضافه عن بلوجر ومتعملش معايه ولاكن شكرأ على موضوعك

    ردحذف
    الردود
    1. هناك بعض المواضيع المعاينة تكون كصورة كافية انا واضع صورة توضيحية
      لمظهر الصفحة , وايضاً مدونة المعاينات محذوفه من جوجل , وفي انتظار استعادتها ^_^

      حذف
  6. أضافة جميلة ويعطيك العاافيه
    http://mashroo1.blogspot.com/

    ردحذف

  7. موضوع جميل اخي العزيز وتم تركيب بنجاح
    اخي ممكن طريقة توسيط ادوات css وجعلها لليمين مثل القوائم ولك جزيل شكر

    ردحذف
    الردود
    1. للتوسيط اضف ادوات HTML التي تبني عليها الـ CSS بين الكودين
      <center>
      </center>
      اما جلع ادوات للمين مثل القوائم هذا امر يتطلب عدة اكواد في الـ CSS تتغير بحسب القائمة والإضافة
      لا يسع الامر لشرحها
      لكن عموما كود float:right; هو اكلود المستخدم للإزاحة لليمين

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

    ردحذف
    الردود
    1. ان شاء الله أخي قريباً سيكون هناك شرح للأمر

      حذف
  9. شكرا على الاضافة الرائعة

    ردحذف
  10. اخي ان هذا الوسم <body> لا يوجد في قالب بلوجر الخاص بي كيف يمكنني اضافته وشكرا

    ردحذف
    الردود
    1. هذا الكود أساسي في كل القوالب يجب ان يكون موجود لكن ربما تكون صيغته متغيرة لديك فإبحث عنه بدون كود الإغلاق يعني ابحث عن هذا الجزء فقط
      <body

      حذف
  11. أنا ركبته طب أزاى اعرف انه اتعمل

    ردحذف
  12. أخى أنا جربتها ولكن بعد ثانيتين بالضبط بيحولنى لمدونتك ما الحل

    ردحذف
    الردود
    1. غالباً سيكون تعارض بينها وبين الحقوق يمكنك استخدام احد الوسائل في الموضوع التالي
      http://cnmu.blogspot.com/2014/08/Error-page.html

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©