اضافة صفحة الخطا v1
اهلا بكم متابعى الموقع. اضافة جديدة ومهمة جدا فى اى قالب مهما كان جميل او سى فهذة الاضافة تعطى جمالية على القالب بكل معنى الكلمة واضافاتنا تشهد بابداعنا فى ايصال كل مفيد اليكم مجانا ومدفوع على حسب قيمته والمهم ان هذة الاضافة تكاد تكون معدومة فى الويب لانها اضافة ليست صعبة انما لا يراها البعض مهمة ولكن هى مهمة جدا ومن نشر او صمم هذة الاضافة يعرف مدى قيمتها واهميتها فى القوالب اترككم مع المعاينة وطريقة الاضافة
طريقة الاضافة
الخطوة الاولى
- خذ نسخة احتياطية من القالب لتجنب حدوث اى مشاكل او اخطاء (لوحة التحكم => قالب => نسخ احتياطى / استعادة => تنزيل النموذج الكامل)
- افتح القالب من تحرير html
- ابحث عن <body> ثم اضف الكود التالى بعده مباشرة
<b:if cond='data:blog.pageType == "error_page"'>
<style>
body {
background-color: #fafafa!important;
}
.page-404 {
margin-top: 100px;
}
.page-404 .number,.page-500 .number{letter-spacing:-10px;line-height:128px;font-size:128px;font-weight:300}.page-404 .details,.page-500 .details{margin-right:40px;display:inline-block}.page-404{text-align:center}.page-404 .number{position:relative;top:35px;display:inline-block;margin-top:0;margin-bottom:10px;color:#7bbbd6;text-align:left}.page-404-full-page .page-404,.page-500-full-page .page-500{margin-top:100px}.page-404 .details{padding-top:0;text-align:right}.page-500{text-align:center}.page-500 .number{display:inline-block;color:#ec8c8c;text-align:left}.page-500 .details{text-align:right}.page-404-full-page{overflow-x:hidden;padding:20px;margin-bottom:20px;background-color:#fafafa!important}.page-404-full-page .details input{background-color:#fff}.page-500-full-page{overflow-x:hidden;padding:20px;background-color:#fafafa!important}.page-500-full-page .details input{background-color:#fff}.page-404-3{background:#000!important}.page-404-3 .page-inner img{left:0;bottom:0;z-index:-1;position:absolute}.page-404-3 .error-404{color:#fff;text-align:right;padding:70px 20px 0}.page-404-3 h1{color:#fff;font-size:130px;line-height:160px}.page-404-3 h2{color:#fff;font-size:30px;margin-bottom:30px}.page-404-3 p{color:#fff;font-size:16px}@media (max-width:480px){.page-404 .details,.page-404 .number,.page-500 .details,.page-500 .number{text-align:center;margin-right:0}.page-404-full-page .page-404{margin-top:30px}.page-404-3 .error-404{text-align:right;padding-top:10px}.page-404-3 .page-inner img{left:0;bottom:0;z-index:-1;position:fixed}}
</style>
<div class="row">
<div class="col-md-12 page-404">
<div class="number font-red"> خطأ !! 404 </div>
<div class="details">
<h3>نعتذر !! هذه الصفحة غير موجودة</h3>
<p>يمكن تم نقلها لرابط اخر او قد تم حذفها او يمكنك البحث عنها من محرك البحث <br>
<a href="/">أضغط من هنا للعودة للصفحة الرئيسية</a></p>
<form action="/search">
<div class="input-group input-medium">
<input class="form-control" name="q" placeholder="أبحث عن شيء هنا..." type="text">
<span class="input-group-btn">
<button class="btn red" type="submit">
<i class="fa fa-search"></i>
</button>
</span>
</div>
<!-- /input-group -->
</form>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
الخطوة الثانية
- ابحث عن </body> ثم اضف الكود التالى قبله مباشرة
</b:if>
- احفظ القالب
xvbfdv