كيفية إضافة كود صفحة خطأ 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh91uVvQzr-YWwyjKMGwDgLZNl7CO6JxWmbuNrCNqcugutRQSZmzB1ejutgY3IYVkrtHbpu1-egaXFbqcfovVyMvTL9JbrqJIWBIXGlbxIQxhLShx6ts2_HnaKregAXzZSjpQuxm5hnpu8/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> 

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

Tweet

Sharing Widget byBloggerAdsenSeO