كيفية تصميم صفحة الخطا 404 لمدونة بلوجر بشكل مختلف وانيق وتفاعلى مع الزائر

404 error page

يمكن اضافة فى التصميم الادوات التالية :

روابط اقسام المدونة
محرك بحث مخصص من جوجل
تصميم صورة تظهر داخل نموذج صفحة الخطا 404
تاليف رسالة للزائر تصميم خط الرسالة
رابط الصفحة الرئيسية للمدونة

واضافات اخرى عديدة يمكن اضافتها بمنوذج رسالة صفحة الخطا 404 error page

شرح تصميم صفحة الخطا 404 لمدونات بلوجر
كما بالصورة التالية :

اضغط اعدادات ثم تفضيلات البحث
اذهب الى لوحة تحكم بلوجر

3. انسخ الكود التالى وضع الكود فى منطقة تحرير كما بالصورة واحفظ الاعدادات ..

<p style="text-align: center; "><strong> </strong><a href="http://cod-b.blogspot.com/search/label/blogger"><strong>blogger</strong></a><strong>  |  </strong><a href="http://cod-b.blogspot.com/search/label/css"><strong>CSS</strong></a><strong>  |  </strong><a href="http://cod-b.blogspot.com/search/label/"><strong>ادوات بلوجر</strong></a><strong>  |  </strong><a href="http://cod-b.blogspot.com/search/label/جوجل"><strong>جوجل</strong></a></p>

<p align="right">
<form id="searchthis" action="http://cod-b.blogspot.com/search" style="display:inline;" method="get">
<strong>ابحث داخل مدونة كود بلوجر <br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

<h2 style="font-size: 35px;margin: 0;text-align: center;">صفحة الخطا 404 </h2>
<h3 style="font-size:17px;">عذراً الصفحة لم تعد موجودة...!<br>

<a href="http://cod-b.blogspot.com/">

اضغط هنا</a> للرجوع الى الصفحة الرئيسية <br>جرب لاحقا ...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsB3UJkKRBfHR_-g8sptYQUyg5Z_c7qGeC8xrl6VWRfJCht1SQ_fQ_yWIGpIg66TxRMH6qx1TwSRwpxQroEhXzMmLOhZJt3tJ5wWU4_c-JDgIWWkvxKnN3tC7y3UF-KSJBOgt69Xl7WzQ/s1600/error-404.png"/>

* يمكن تغيير القيم باللون الاحمر !