إضافة صفحة خطأ بشكل إحترافي

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

يمكنكم المعاينة من هنا
شرح طريقة تركيب الإضافة

1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin>
3. ضع الكود التالي قبله [ فوقه ]

كود:

#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}

ابحث عن <body> ضع الكود التالي اسفله

كود:

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

5. ابحث عن </body> ضع الكود الأتي فوقه

كود:

</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<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='http://feeds.feedburner.com/ar1web' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zScX4LAfyaqw0O_2rKkX1nn23fMjXfqba6VJXp9rO8FW4eea_m7LgYLZc1LZIHY4fg5J0pAlweX8Z9hemd_Lxd42WyXHVVWyTqVJ6ypXj-BaB8pgMPdAu0PhDDF6rDMUjmkWNZsIaxA/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='http://www.twitter.com/ar1web' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMyza_NaF505bHh85C1jmLq0vjZiiB9ZTenEyAOjeENPHq4_Mdq9s1eIM0x05H3RnYN3ADpJiHMQ97-OyNJrPJ7Njc6C1X_brPN7Ivr86ulgSp4akvhTSBtKl1MaY77ndM-V25dOdhb8/s1600/twitter.png' width='147'/></a></li>
<li class='facebook-icon'><a href='http://www.facebook.com/arabe1web' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF-XrPmVk2n4NB4BFkODW5WW8mvE3J8_iNJyUURHtg8MPYvY0yJQasH4FENxEYBzx-GKyJCsp2O5EnHdOI7CJP_6rveXNVIMdaFdy0n4p7s6ZxWkHwCKBvxn2p34KrRvXACuaRNHdRR5g/s1600/facebook.png' width='147'/></a></li>
<li class='google-icon'><a href='https://plus.google.com/+iHussam' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjVIkyxM8nk9JP0tsX_bSsdR6bCahHF3Qype2SvGApJSY8xA17oce_yADpV9wbtxMoiCxoD4aUZdNkj27O5mQyswG3EZI0m8j0flVifb4w0Gq_YPtrZEU5wXn_owTJViYV_O2sNNgNZo/s1600/google.png' width='147'/></a></li>
</ul>
</div>
</div></div></b:if>

الموضوع من قسم:

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