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

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

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

 404 error page

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

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

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

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

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

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

<p style="text-align: center; "><strong>&nbsp;</strong><a href="http://cod-b.blogspot.com/search/label/blogger"><strong>blogger</strong></a><strong> &nbsp;| &nbsp;</strong><a href="http://cod-b.blogspot.com/search/label/css"><strong>CSS</strong></a><strong> &nbsp;| &nbsp;</strong><a href="http://cod-b.blogspot.com/search/label/"><strong>ادوات بلوجر</strong></a><strong> &nbsp;| &nbsp;</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/AVvXsEjdMz5PczWUQaMHoizqbGx_4yRpOHJG5E49Qj_6VOz3XwuZ6Z-H8VpMH-UyB_EPGlwzdA7zOLDzhHl24jKwWSxJKdlb4OngmJoHezwX1YM7GKYIqAXEXaser99JORSFIiILmWP0hle4Mow/s1600/error-404.png"/>

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