Error 404 "لم يتم العثور على الصفحة" هي صفحة الخطأ التي يتم عرضها عندما يبحث شخص ما عن صفحة لا تتوفر ببساطة على موقعك.
السبب في ذلك هو أنه قد يكون هناك رابط على موقعك كان خاطئًا أو ربما تمت إزالة الصفحة مؤخرًا من الموقع. نظرًا لعدم وجود صفحة ويب لعرضها ، يرسل خادم الويب صفحة تحتوي ببساطة على "404 صفحة غير موجودة".
رسالة الخطأ 404 هي رمز حالة قياسي HTTP (بروتوكول نقل النص التشعبي). يشير رمز الاستجابة "غير موجود" إلى أنه على الرغم من إمكانية اتصال العميل بالخادم ، لم يتمكن الخادم من العثور على ما تم طلبه أو تم تكوينه بحيث لا يلبي الطلب.
خطأ 404 "لم يتم العثور على" ليس هو نفسه خطأ "لم يتم العثور على الخادم" الذي تراه كلما تعذر تأسيس إتصال بالخادم الوجهة على الإطلاق.
في موضوعنا لهذا اليوم سأريك طريقة إضافة صفحة خطأ 404 إحترافية لمدونتك أو موقعك في بلوجر.
الخطوات
إبحث عن الوسم التالي
<head>
ثم ضع الكود التالي أسفله مباشرة
<b:if cond='data:blog.pageType == "error_page"'> <title>الصفحة غير موجودة ~ <data:blog.title/>
</title> </b:if>
ثم إبحث مرة أخرى عن أحد الوسمين التاليين
<body>
أو
</body>
ثم ضع الكود التالي تحت إحدى الوسمين أعلاه
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.header-top,.header,.main-menu,.wrapper,#breakingnews,.copyrights,.sub-footer{
display:none;
}
.error-container .top-bar{height:30px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-clip:padding-box;border-top:thin solid #eaeae9;border-bottom:thin solid #ddd;background:linear-gradient(#e7e7e6,#e0e0e0)}.error-container .circles{margin:5px 12px}.error-container .circle{height:10px;width:10px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-color:#fff;margin-right:1px}#close-circle{background-color:#ff5c5a}#minimize-circle{background-color:#fdb45c}#maximize-circle{background-color:#1bc656}.errorwrapper{max-width:600px;margin:0 auto;background:#E7E7E7;padding-bottom:70px;border:1px solid #ddd;border-radius:4px}.error-header{margin-top:50px}.error-title{line-height:42px}.error-title span{background:#333;color:#666;padding:30px;font-size:200%;border-radius:100%;}.error-image img{display:block;font-size:72px;font-weight:700;margin:10px auto 40px}.error-container{background:#fafafa;display:table;height:100vh;overflow:hidden;width:100%;}.error404 .anonymous{margin:0 auto 20px;display:block}.error-404{display:table-cell;vertical-align:middle}.error-404 .page-content p{color:#666}.error-title{color:#666;font-size:42px;font-weight:700;text-transform:uppercase;margin:0;text-align:center;line-height:normal;}.search-title{font-size:48px;color:#3f3f46}.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}a.buttonerror {background:#314151;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);color:#fff;font-size:13px;cursor:pointer;margin-right:5px;padding:15px 20px;font-weight:bold;border-radius:4px}#ctforce {position:absolute;right:0;top:-30px;color:transparent}.cpright{opacity:0}
</style>
<span id='ctforce'></span>
<div class='error-container'>
<section class='error-404 not-found text-center'>
<div class='errorwrapper'>
<div class='top-bar'>
<div class='circles'>
<div class='circle' id='close-circle'>
</div>
<div class='circle' id='minimize-circle'>
</div>
<div class='circle' id='maximize-circle'>
</div>
</div>
</div>
<header class='error-header'>
<h1 class='error-title'>
خطأ في الرابط</h1>
</header>
<div class='page-content'>
<p>
هذه الصفحة ليست موجودة , أو قد تم حذفها من قبل أحد مشرفي المدونة</p>
</div>
<br/>
<center>
<a class='buttonerror waves-effect waves-light' href='/'>الرجوع للصفحة الرئيسية</a></center>
</div>
</section>
</div>
</b:if>
قم بحفظ التغييرات.
ملاحظة : إذا واجهت أي مشكل فلا تترد في وضع في التعليقات في الأسفل وشكرا.
إرسال تعليق