إنشاء صفحة خطأ أحترافية
1. توجه للقالب >> تحرير
2. أبحث باستعمال ctrl+f عن<head> ثم أضف أسفله بسطور الكود التالي
<b:if cond='data:blog.pageType == "error_page"'>
<title>الصفحة غير موجودة ~ <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='page-qaisi1web404'>
<img id='logo-qaisi1web404' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSDak_8QQd9_qEP-epizUzIjRnpWZ6ELpnU740EWzXUueQ9G_gmH6GFnNS_Im12yWimQeJcagAm7dwLbuhuI5c38D8tEzPD-PQ8_wt_destEB7Am95qJu3vlQB22Ksh1l8x1fDFW7HtidX/s1600/notfound-qaisi1web.jpeg'/>
<h1>لم تجد الصفحة!... تقبل اعتذاري؟؟؟</h1>
<h2>للعودة الى الصفحة الرئيسية , <a href='/' target='_blank'>يرجى الضغط هنا</a></h2>
</div>
<style>
/* CSS error page qaisi1web*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
a:link {
text-decoration: none;
outline: none;
transition: all 0.25s;
}
a:visited,
a:link:hover,
a:visited:hover {
text-decoration: underline;
}
body {
background: #fff none repeat scroll top left;
color: #333;
font-family: 'Open Sans', sans-serif;
margin: 0;
padding: 0;
position: relative;
line-height: normal;
}
#page-qaisi1web404 {
margin: 50px auto;
max-width: 700px;
text-align: center;
}
h1 {
font-size: 200%;
font-weight: 700;
margin-top: 30px;
}
h2 {
font-size: 120%;
font-weight: 400;
margin-top: 30px;
margin-bottom: 50px;
line-height: 1.5em;
}
@-webkit-keyframes thumb {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
}
}
#page-qaisi1web404 img {
-webkit-animation-name: thumb;
-webkit-animation-duration: 200ms;
-webkit-transform-origin: 50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
</style>
</b:if>
اتمنى ان تكون الاضافة نالت أعجابكم ... بالتوفيق
نـعود لكم باضافة بلوجر جديدة ألا وهي إنشاء صفحة الخطأ 404 بشكل أحترافي ومميز بكل سهولة , فهذه الاضافة مهمة لأي موقع , اقدمها لكم اليو...
الكاتب :
