تدور اهمية صفحة الخطأ حول كسب المزيد من الزوار من عناكب البحث أيضا, بدون خروجهم من الموقع في حالة اتباعهم لرابط خاطئ. ادا اتبع زائر رابط صفحة قمت بحذفها، ما يعني انه اتبع رابط صفحة غير موجودة ولذالك سيتم عرض صفحة الخطأ. تخيل معي لو كنت مكان ذلك الزائر وظهرت لك صفحة خطأ فارغة ولا تحتوي على اي رابط، مادا ستكون ردة فعلك؟ ستكون العودة الى الوراء بإستعمال زر العودة الى الصفحة السابقة في المتصفح، اما في حالة كانت صفحة تحتوي على روابط الى صفحة الرئيسية واهم الاقسام في الموقع او تحتوي على مربع بحث، فهدا سيمنح للزائر ثلاث خيارات اخرى وسيزيد من فرص دخول الزائر الى الموقع
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"'>
<style type='text/css'>
.sidebar,.ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #credit,.topwrapper,::-webkit-scrollbar,#tabber-wrapper,#GoToDown,.banner,.topwrapper{display:none!important;margin:0;padding:0;overflow:hidden;}
#error-page{background-color:#142D3A;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}
#error-inner{margin:11% auto}
.box-404{position:relative;font-weight:bold;width:700px;height:210px;color:#fff;margin:0 auto;}
#error-inner h2{text-transform:uppercase;color:#fff;font-size:50px;margin:0 auto 20px;font-family:Electrolize,ge_ss_tvbold;background-color:#34647E;margin:5px}
#error-inner h1{text-transform:uppercase;color:#FFB616;padding-top:10px;font-family: droid arabic kufi;
font-weight: 600;}
#error-inner p{line-height:0.7em;font-size:15px;color:#999;font-family: droid arabic kufi;
font-weight: normal;}
#social-icons li{float:left;width:147px;height:147px;margin:10px 6px 6px 0;padding:0 0 0 0;border-bottom:none;list-style:none}
#social-icons li a{line-height:1px;display:block}
#social-icons li a:hover img{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8}
#social-icons li a span{display:none!important}
</style>
</b:if>
<link href='//cdn.jsdelivr.net/darfonts/0.1/tv-tha-tye-wide/stylesheet.css' rel='stylesheet'/>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
<div id='error-inner'>
<h2> الصفحة غير موجودة : 404</h2>
<h1>نعتذر إن لم تجد ما تبحث عنه</h1>
<p>بإمكانك العودة لصفحة الرئيسية<br/><br/> الصفحة الرئيسية <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> تابعنا على الشبكات الإجتماعية</p>
<div class='box-404'>
<ul id='social-icons'>
<li class='rss-icon'><a href='#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ZkpzAfeo-rDVnsakrS5vP5LBtGFX5Lt4Oj1CYeTCnR4bPWGkJ7_XiIJfOpilHWXNhY4yL2dxM3h-oaAQQk1Ge2BXw3zZtIp2rH5lviZFnzHPglcoPOJf4G79WrbHWgCygw8Dq7hKp-o/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='#' target='_blank'><img height='147' src='#' width='147'/></a></li>
<li class='facebook-icon'><a href='#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPthmQRY1oOe1ymn1gwB09eFnwXCaV6KejQJ0ry3h5MshdofytNx3EWDN50e5Gjs0mdmTUSXukdiYk7P7GME5w1hk8FYY8hsaN9zGC-GSeEAXlB2ZExdtuohYop0WRmGtXHL9jlbyiHQ4/s1600/facebook.png' width='147'/></a></li>
<li class='google-icon'><a href='#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3H04VBAdgKq7IMj1xOfa9-WJ-hAvm-PagG-68-UfbAy1Ul19W1nA8lUhBkr8Gnp_V93Gb9GNHJHqTToYrTd9dv3HV1k8cecHlaMXx1hNMmc2JtXTTjq2tzZgVSDYbe2ppWfPi6nqcCDw/s1600/google.png' width='147'/></a></li>
</ul>
</div>
</div></div></b:if>
إضافة صفحة الخطأ لقوالب بلوجر الشكل الأول