معهد خبراء بلوجر - تصميم صفحة الخطأ 404 مهمة للمدونات

تحسين وضعية صفحة الخطأ حين يقوم الزائر بالدخول إلى صفحة تم حذفها

في هذه التدوينة سنتعلم كيف نصمم صفحة خاصة بنا عندما يدخل الزائر إلى صفحة ما عن طريق الخطأ errur page 404
وسنتعلم كيف نضيف صورة خاصة بنا + روابط والعديد من الإضافات

تابع الشرح بالصور
1
اضغط على الصورة للمشاهدة الواضحة

http://4.bp.blogspot.com/-nksu_SpV_N...-17_173320.jpg

اضغط على الصورة للمشاهدة الواضحة2

http://1.bp.blogspot.com/-1K43vGSMxx...-17_173518.jpg

3- قم بنسخ هذا الكود والصقه في منطقة التحرير التي في الصورة وقم بتغيير روابط موقعي بروابط موقعك

كود بلغة HTML:





<div dir="rtl" style="text-align: right;" trbidi="on">

<!-- © \http://www.gooplz.blogspot.com/ -->



<br />

<div style="text-align: center;">

<b></b><b> </b></div>

<div align="right">

</div>

<form action="http://www.gooplz.blogspot.com/search" id="searchthis" method="get" style="display: inline;">

<b>ابحث داخل <span lang="ar-eg"><span style="color: #660066;">Goo</span> Plz</span> </b>

<input id="b-query" maxlength="300" name="q" size="60" type="text" />

<input id="b-searchbtn" type="submit" value="Search" />

</form>

<br />

<h2 style="font-size: 35px; margin: 0; text-align: center;">

<span style="color: red;"><span style="font-family: "Courier New",Courier,monospace;">

صفحة الخطا 404 </span></span></h2>

<div class="separator" style="clear: both; text-align: center;">

<a href="http://1.bp.blogspot.com/-GuS7c3Np-X4/UeVw7z0yGDI/AAAAAAAABYo/shrVKmWxsxw/s1600/2013-07-17_171915.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="390" src="http://1.bp.blogspot.com/-GuS7c3Np-X4/UeVw7z0yGDI/AAAAAAAABYo/shrVKmWxsxw/s400/2013-07-17_171915.jpg" width="400" /></a> </div>

<div class="separator" style="clear: both; text-align: center;">

<b><span style="font-size: large;"><span style="font-family: "Courier New",Courier,monospace;">عذراً الصفحة لم تعد موجودة...!</span></span></b></div>

<h3 style="font-size: 17px; text-align: center;">

<span style="font-size: large;">



<a href="http://www.gooplz.blogspot.com//">



اضغط هنا</a> <br />للرجوع الى الصفحة الرئيسية أو جرب لاحقا ...</span></h3>

</div>

http://4.bp.blogspot.com/-qjw--npw2K...-Recovered.png

المصدر : http://gooplz.blogspot.com/2013/07/404.html