1‏/6‏/2013

كيفية إضافة كود صفحة خطأ 404 على شكل صور في بلوجر..بطريقة بسيطة..

السلام عليكم ..
في هذا الموضوع سأضعكم مع كيفية وضع صفحة الخطأ 404 على شكل صور في مدونة بلوجر ..
بمعنى أدق عند دخول زوارك إلى رابط خاطىء (تم إزالة الموضوع أو أخفاؤه أو حُذف..) ..
تظهر لهم صفحة خطأ 404 !
وتخبرهم فيها بأن الصفحة أو الموضوع الذي يبحثون عنه غير موجودة ..
وترشدهم للصفحة الرئيسية للموقع ..
(كما يمكن ان تحول أحد الورابط المحذوفة أو المخفية ..
إلى رابط آخر عن طريقة عمليات إعادة التوجيه المُخصصة ..)

شرح إضافة صفحة خطأ 404 سهل التطبيق ..
ما عليكم سوى تتبع الطريقة في خطوات بسيطة ..


الخطوات
الأولى مشروحة بالصور ..
> لوحة التحكم الرئيسية   1>إعدادات   2>تفضيلات البحث   3>تحرير..
4 > ضع الكود الذي يناسبك في الخانة الفارغة ..
5 > حفظ التغييرات ..







ملاحظةيمكن ان تحول أحد الورابط المحذوفة أو المخفية .. 
إلى رابط آخر عن طريقة عمليات إعادة التوجيه المُخصصة ..
صور نمادج و أكواد صفحة خطأ 404 .:

1 > شكل كود الخطا :

>الكود الخاص بالإضافة : 
<h1><a href='/'>خطأ 404 !</a></h1> <h2> نعتذر ! فإن الصفحة التي تبحث عنها غير موجودة أو تم حذفها يرجى التأكد من الرابط  أو <a href='/'>التوجه إلى الصفحة الرئيسية</a></h2> <style type='text/css'> .status-msg-wrap {     font-size: 80%;     margin: none;     position: static;     width: 60%; } .status-msg-border {     display:none } .status-msg-body {     padding: none;     position: static;     text-align: inherit;     width: 70%;     z-index: auto; } .status-msg-wrap a {     padding: none;     text-decoration: inherit; } * { margin, padding: 0; } body {  background: #474747 url(bg.png);  margin: 45px; } h1 a {  display: block; text-decoration: none;  font: 50px Helvetica, Arial, Sans-Serif; letter-spacing: -5px;  text-align: center;  color: #999; text-shadow: 0px 3px 8px #2a2a2a;  }   h1 a:hover {    color: #a0a0a0; text-shadow: 0px 5px 8px #2a2a2a;   } h2 {  font: 30px Tahoma, Helvetica, Arial, Sans-Serif;  text-align: center;  color: #222; text-shadow: 0px 2px 3px #555; } #sidebar-wrapper, #blog-pager,#main-nav, #header, #footer, nav, .blog-feeds {     display: none;     }</style>



2 > شكل كود الخطا :

>الكود الخاص بالإضافة :


<center>
<h1><a href='/'>خطأ 404 !</a></h1>
<img src="http://data.imagup.com/10/1147702687.png"" />
<style type='text/css'>
main-wrapper
#sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {
display: none;

}

</style>

<h1><a href='/'>الصفحة الرئيسية</a></h1>

</center>





3 > شكل كود الخطا :



>الكود الخاص بالإضافة :

<center>
<h1><a href='/'>خطأ 404 !</a></h1>
<img src="http://4.bp.blogspot.com/-CM9NmaL_oXk/T3SURlEEWKI/AAAAAAAABPM/7JN9Np5jcpc/s1600/Untitled-3.png"" />
<style type='text/css'>
main-wrapper
#sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {
display: none;
}
</style>
<h1><a href='/'>الصفحة الرئيسية</a></h1>
</center> 


إلى هنا أصل إلى نهاية الموضوع ..إلى اللقاء في موضوع جديد بـ إذن الله ..

Sharing Widget byBloggerAdsenSeO

navright

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

  1. الف مليون شكر اخى الفاضل اليوم انا فى جوله بمدونتك الرائعه جزاك الله خيرا

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

      حذف
  2. متشكر جدا علي الشرح الوافي جدا جدا و
    الموقع راااااااااااااائع جدا بارك الله فيكم وانصح كل الزوار انهم يتصفحوه كويس لانو بجد فيه معلومات قيمه جدا

    ردحذف
  3. العفو ..
    مرورك الأروع ..
    وإن شاء الله سيتم إضافة مواضيع أخرى مفيدة للجميع ..
    وفي جميع تخصصات المدونة (بلوجر ,أدسنس ,السيو) ..

    ردحذف
  4. أزال المؤلف هذا التعليق.

    ردحذف
  5. اين اجد الكود

    ردحذف

الموضوع السابق الموضوع التالي الصفحة الرئيسية
 

أدخل إيميلك لـ التوصل بجديد مواضيع الموقع :