شرح اضافة رابط اعادة توجية لصفحة الخطا 404
 

[SIZE="5"]انشاء صفحات الخطأ أو اعادة توجيهها
[IMG]https://3.bp.blogspot.com/-0tsF0t582vM/V3_t8dhlLwI/AAAAAAAAA2U/B_Euvdb3oLYYXYCPtuQok905yRsVVMMMQCLcB/s640/Error404.png[/IMG[SIZE="5"]
صفحات الخطأ فى بلوجر تعتبر من الأشياء الأساسية في المدونة ، وفي تحديثات بلوجر الأخيرة فقد قامت بلوجر بإضافة صفحة الخطأ من الإعدادات لتظهر صفحة الخطأ للزائر عندما لا تتواجد الصفحة المطلوبة داخل المدونة التى يبحث عنها

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

صفحة 404 هي صفحة ليست بتصميم إحترافي فهى فقط كتابة ، وهنا يأتي دور مدونة شروحات تكنو في إضافة صفحة الخطأ 404 بشكل إحترافي وجذاب

كيفية إنشاء صفحة الخطأ 404 في مدونة بلوجر مع اعادة توجيه تلقائي للصفحة الرئسية

اولا : نبدأ بطريقة تفعيل صفحة الخطأ
المصدر: شروحات تكنو انشاء صفحات الخطأ أو اعادة توجيهها[/SIZE
من إعدادات المدونة
نختار تفضيلات البحث
الاخطاء وعمليات إعادة التوجيه
لم يتم العثور على الصفحة المخصصة
نضغط على كلمة تحرير الموجودة بجانبها
كما هو مبين فى الصورة التوضيحية
المصدر: شروحات تكنو انشاء صفحات الخطأ أو اعادة توجيهها
https://1.bp.blogspot.com/-fRDj2P5Id...s640/Error.JPG
في المكان المخصص لإضافة الأكواد سوف نقوم باضافة الكود الاتى
المصدر: شروحات تكنو انشاء صفحات الخطأ أو اعادة توجيهها


#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://lh4.googleusercontent.com/-9cuZu6qEDO8/U_mAN1ujmyI/AAAAAAAAEjA/D7PahwoU4lA/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://lh4.googleusercontent.com/-9cuZu6qEDO8/U_mAN1ujmyI/AAAAAAAAEjA/D7PahwoU4lA/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;
}



صفحة خطأ



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


الرئيسية

أو إستخدم محرك البحث التالي لإيجاد ما تريد













ملاحظة : اللون #FFFFFF هو لون الخلفية تستطيع تغيره باى لون آخر تريدة اما اذا اردتة بلون خلفية القالب فقم بحذف الكود الاتى :
background:#FFFFFF;
border-radius: 8px;
box-shadow: 0 0 4px #222222;

الرقم 500 هو المقاس تستطيع تغيره أو جعله نسبة مئوية ليكون متجاوب معك بنسبة 98%
طبعا هناك الون اخرة لكنك تستطيع تعديلها بسهولة لانها لاتحتاج الى خبرة واسعة

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

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



html {
background: url(https://lh3.googleusercontent.com/-y...s320/Error.png) no-repeat scroll center 50% rgba(0, 0, 0, 0);
}
body {display:none;}





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

على أن يكون رابط الصفحة على الشكل الاتي
انشاء صفحات الخطأ أو اعادة توجيهها

ملاحظة : اذا اردنا اعادة توجيه صفحة الخطأ للموضوع نضيف بدلا من علامة /

الجزء الأحمر فقط من الرابط وطبعا هذا ينطبق على أى رابط في المدونة اذا اردنا أن نوجه صفحات الخطأ اليه

هذه اهم طرق عمل صفحات الخطأ مع أى قالب فى بلوجر وتجنب الأخطاء التي قد تكون عائقاً في انشاء الصفحة في بعض القوالب

انتهى الشرح بفضل الله تعالى .

المصدر: شروحات تكنو انشاء صفحات الخطأ أو اعادة توجيهها[/SIZE
الشرح مقدم من شروحات تكنو ونتششرف بزيارتك شروحات تكنو
http://shroohat-tecno.blogspot.com/2016/07/Error-page.html