اضافة صفحة الخطأ 404 لمدونة بلوجر

صفحة الخطأ هي مهمة , لأن اخطأت بالرابط تضهر و تطلب منه ان يعود للصفحة الرئيسية 

طريقة التركيب

1. من إعدادات المدونة

2. نختار تفضيلات البحث

3. الاخطاء وعمليات إعادة التوجيه 

4. لم يتم العثور على الصفحة المخصصة

5. نضغط على كلمة تحرير التي بجانبها

   

    ثم تقم بإضافة الكود كما مبين في الصورة

<style>
#cnmu-Error-page {
  background:#FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 4px #222222;
  color: #555555;
  font: 25px/2em tahoma;
  margin: 20px auto;
  padding: 1px 10px 50px;
  width: 500px;
}
.cnmu-e-title {
  color: #F10018;
  font: bold 40px tahoma;
  text-shadow: 0 0 1px #222222;
}
.Home-e {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKg7cgEgQgaMsqCO7ePAtlwMY7PR0enUWs_UnfLsOvBgGZOwPCHRYMd-25WSEzbIKBbdZl4KNO2IWECG61q0iFOmYTN1B3GVpFzP-n6vNXXx_GqxAW6re2s7ubdB4kngp0rm_eu_13dB4/s64/home.png") no-repeat scroll 97% center #000000;
  border-radius: 8px;
  box-shadow: 0 0 2px #000000;
  color: #FFFFFF;
  display: inline-block;
  margin: 5px auto;
  padding: 8px 80px 15px 20px !important;
  text-decoration: none !important;
  transition: all 0.7s ease 0s;
}
.Home-e:hover {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKg7cgEgQgaMsqCO7ePAtlwMY7PR0enUWs_UnfLsOvBgGZOwPCHRYMd-25WSEzbIKBbdZl4KNO2IWECG61q0iFOmYTN1B3GVpFzP-n6vNXXx_GqxAW6re2s7ubdB4kngp0rm_eu_13dB4/s64/home.png") no-repeat scroll 97% center #B10418;
}
#cnmu-e-search {
  border: 4px solid #FFFFFF;
  display: inline-block;
  box-shadow: 0 0 4px #000000;
}
#search-text-e {
  background:#000000;
  border: 0 none;
  color: #DDDDDD;
  font: 20px tahoma;
  padding: 15px 5px 20px;
  width: 200px;
}
#search-submit-e {
  background:#B10418;
  border: 0 none;
  color: #FFFFFF;
  cursor: pointer;
  font: 20px tahoma;
  margin-right: -8px;
  padding: 14px 20px 19px;
  transition: all 0.7s ease 0s;
}
#search-submit-e:hover {
  background:#555555;
}
</style>
<div id="cnmu-Error-page">
<p class="cnmu-e-title">صفحة خطأ</p>
<p>الموضوع أو الصفحة التي تبحث عنها إما انها حذفت أو غير موجودة من البداية اضغط على الرابط التالي للعودة للرئيسية</p>
<a class="Home-e" href="/">الرئيسية</a>
<p>أو إستخدم محرك البحث التالي لإيجاد ما تريد</p>
<div id='cnmu-e-search'>
<form action='/search' id='searchform' method='get' style='display:inline;'>
<input id='search-text-e' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;البحث ...&quot;;}' onfocus='if (this.value == &quot;البحث ...&quot;) {this.value = &quot;&quot;;}' type='text' value='البحث ...'/>
<input id='search-submit-e' type='submit' value='بحث'/>
</form>
</div>
</div>

هذا اللون #FFFFFF هو لون الخلفية يمكنك تغيره بلون آخر او ازالة هذه الأسطر إن اردتها بلون خلفية القالب
  background:#FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 4px #222222;
أما الرقم 500 هو المقاس يمكنك تغيره أو جعله نسبة مئوية ليكون متجاوب 98%
طبعا هناك الوان اخرى بقليل من الخبرة يمكنك تعديلها

اعدادات التوجيه

 أضف الكود التالي فوق الوسم  <head/>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
html {
  background: url(https://lh3.googleusercontent.com/-yuSvWA6ps4o/VALzDMz0TqI/AAAAAAAAElo/uOmRhgcAHVs/s320/Error.png) no-repeat scroll center 50% rgba(0, 0, 0, 0);
}
  body {display:none;}
</style>
<script type='text/javascript'>
BSPNF_redirect = setTimeout(function() {
location.pathname= &quot;/&quot;
}, 5000);
</script>
</b:if>

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

روابط أخرى لصور صفحات الخطأ للتحميل

رابط الصورة : من هنا

رابط الصورة :  من هنا

رابط الصورة :  من هنا

رابط الصورة :  من هنا

رابط الصورة : من هنا