تصميم صفحة الخطأ 404

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

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

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

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

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



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript"> <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii9tesgz8VcvhKcVCIL7OGIF-yQ3loqEQ2bNzbf5CBsuTSDv2oWsW6D3YVB3gIm_xQ8yoXqqr5khEd31GQy4Mq2VJm5buA6YfanvDiUK4GTO9diyBg5BlKPlLdH0c1BgbBKPAeAiMyDBxx/s1600/2013-07-17_171915.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii9tesgz8VcvhKcVCIL7OGIF-yQ3loqEQ2bNzbf5CBsuTSDv2oWsW6D3YVB3gIm_xQ8yoXqqr5khEd31GQy4Mq2VJm5buA6YfanvDiUK4GTO9diyBg5BlKPlLdH0c1BgbBKPAeAiMyDBxx/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>

لمعاينة الصفحة أنظر أسفل الخط
-------------------------------------------------------------------------------

ابحث داخل Goo Plz

صفحة الخطا 404

عذراً الصفحة لم تعد موجودة...!

اضغط هنا
للرجوع الى الصفحة الرئيسية أو جرب لاحقا ...