اضافة صفحات الخطأ بأشكال مختلفة لمدونات البلوجر [Error 404]

السلام عليكم ورحمة الله

درسنا اليوم هو اضافة رائعة لمدونات بلوجر
وهى اضافة صفحات الخطأ بأشكال مختلفة لمدونات البلوجر [Error 404]
" ما هو Error 404 ؟ "
هو يظهر عند الإنتقال إلى رابط خاطئ في مدونتك تظهر الصفحة وما يوجد فيها بإمكانك إستخدام الاشكال فيها الشرح سوف يكون على الواجهة الجديدة

مثال مباشر على مدوتنى

شرح التركيب

1-انتقل إلى لوح تحكم مدونتك،إختر "إعدادات" ،ثم "تفضيلات البحث"

2- نضغط على "تحرير"

3-نضغ الكود المناسب لنا ثم نضغط على "حفظ التغيرات"

3-نستعرض الاكواد اختر ما يناسبك

الشكل الاول

الكود

كود:

<center>
            <h1><a href='/'>خطأ 404 !</a></h1>
            <img src="https://lh5.googleusercontent.com/-nHXvuriSnr8/T5GZNwnY2uI/AAAAAAAAAOs/VgQ8fyBHDJk/s300/404.png"" />
            <style type='text/css'>
            main-wrapper
            #sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {
            display: none;
            }
            </style>
            <h1><a href='/'>الصفحة الرئيسية</a></h1>
  </center>

الشكل الثانى

الكود

كود:

<h1><a href='/'>خطأ 404 !</a></h1>
     <h2> نعتذر ! فإن الصفحة التي تبحث عنها غير موجودة أو تم حذفها  يرجى التأكد من الرابط  أو <a href='/'>التوجه إلى الصفحة  الرئيسية</a></h2>
    <style type='text/css'>
    .status-msg-wrap {
        font-size: 50%;
        margin: none;
        position: static;
        width: 150%;
    }
    .status-msg-border {
        display:none
    }
    .status-msg-body {
        padding: none;
        position: static;
        text-align: inherit;
        width: 100%;
        z-index: auto;
    }
    .status-msg-wrap a {
        padding: none;
        text-decoration: inherit;
    }
    * { margin, padding: 0; }
    body {
     background: #474747 url(bg.png);
     margin: 70px;
    }
    h1 a {
     display: block; text-decoration: none;
     font: 150px Helvetica, Arial, Sans-Serif; letter-spacing: -5px;
     text-align: center;
     color: #999; text-shadow: 0px 3px 8px #2a2a2a;
     }
      h1 a:hover {
       color: #a0a0a0; text-shadow: 0px 5px 8px #2a2a2a;
      }

    h2 {
     font: 70px Tahoma, Helvetica, Arial, Sans-Serif;
     text-align: center;

     color: #222; text-shadow: 0px 2px 3px #555;
    }
    #sidebar-wrapper, #blog-pager,#main-nav, #header, #footer, nav, .blog-feeds {
        display: none;
        }
    </style>

الشكل الثالث للخلفية البيضاء

الكود للخلفية البيضاء

كود:

<center>
    <h1><a href='/'>خطأ 404 !</a></h1>
    <img src="https://lh6.googleusercontent.com/-k75IxPbVXwA/T788P-tjslI/AAAAAAAAAiY/iUREnca7ksQ/s320/Untitled-2.png"" />
    <style type='text/css'>
    main-wrapper
    #sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {
    display: none;
    }
    </style>
    <h1><a href='/'>الصفحة الرئيسية</a></h1>
    </center>

الشكل الرابع للخلفية السوادء

الكود للخلفية السوداء

كود:

<center>
    <h1><a href='/'>خطأ 404 !</a></h1>
    <img src="https://lh3.googleusercontent.com/-7hruJSrS1ZE/T788MGznFPI/AAAAAAAAAiI/bCE1bQbrR7Q/s320/Untitled-3.png"" />
    <style type='text/css'>
    main-wrapper
    #sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {
    display: none;
    }
    </style>
    <h1><a href='/'>الصفحة الرئيسية</a></h1>
    </center>

وهكذا تم بحمد الله

و مبروك عليكم الاضافة بنجاح

وانتظرونى فى الدرس القادم ان شاء الله

مواضيع مشابهة:
› قالب مدونة رشيد الإحترافي لمدونات البلوجر , حصريا للمنتدى وأعضاؤه الحق حمل قبل حذف الرابط
› قالب أضواء المدينة لمدونات البلوجر blogger
› عاوز اضافة سيو لمدونات البلوجر
› اضافة الابتسامات الى مواضيعك في البلوجر
› جمل template لمدونات البلوجر يوجد مثال

رسالة إدارية

إلغاء التغييرات