صفحة خطأ أحترافيه للموقع ( متحركة )



بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته .
 صفحة خطأ أحترافيه للموقع | متحركة صفحة الخطأ صفحة مهمه في كل موقع ولابد من تواجدها , فكل اصحاب المواقع لا يستغنون عن هذه الصفحة حيث انها اما تقوم بتحويل الزائر مباشره الى الصفحة الصحيحه او الرئيسيه


طريقة التركيب :
    1. ادخل تحرير القالب HTML.
    2. ابحث عن <head> وضع هذا الكود اسفله :
<b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/><data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>الصفحة غير موجودة ~ <data:blog.title/></title> </b:if>


    1. الان ابحث عن <body> وضع هذا الكود اسفله :
<b:if cond='data:blog.pageType == &quot;error_page&quot;'> <div id='oopss'> <div id='error-text'> <span>4<i class='fa fa-frown-o'/>4</span> <p> هل أنت(ي) تائه(ة)!</p> <div class='er-jazairiweb'>نعتذر إن لم تجد(ي) الصفحة</div> <p><a class='back' href='/'><i class='fa fa-toggle-on'/> العودة للرئيسية</a></p> </div> </div> </b:if>

    1. الان ابحث عن </head> وضع هذا الكود فوقه :
<b:if cond='data:blog.pageType == &quot;error_page&quot;'> <style type='text/css'> .sidebar,.ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #credit,.topwrapper,::-webkit-scrollbar,.banner,.topwrapper{display:none!important;margin:0;padding:0;overflow:hidden;} /* CSS Error Page */ #oopss {background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:30px;font-family:&#39;Roboto Condensed&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;} #error-text {top:30%;position:relative;font-size:30px;color:#aaa;} #error-text a{color:#aaa;} #error-text p {margin:0!important; font-family: droid arabic kufi;} #error-text span {color:#aaa;font-size:120px;font-weight:700;letter-spacing:0.1em;} #error-text a.back { display: inline-block;margin: 10px auto;background: #F23D3D;color: #fff;padding: 6px 10px 3px;font-size: 10px;font-weight: 700;line-height: normal;border-radius: 3px;transform: scale(1);transition: all 0.5s ease-out;} #error-text a.back:hover {background:#181818;color:#fff;} #error-text a.back:active {-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);background:#F23D3D;color:#fff;} .fa-frown-o:before {content: &quot;\f119&quot;;color: #F23D3D;} .er-jazairiweb {font-size: 18px!important;font-family: droid arabic kufi;} /* CSS Error Page Responsive */ @media only screen and (max-width:640px){ #error-text {color:#aaa;font-size:20px;} #error-text span {font-size:60px;} #error-text a.back {padding:5px 10px;font-size:12px;} #error-text a.back:hover,#error-text a.back:active {border:0;}} </style> </b:if>

  1. اخي ممكن رابط للمعاينة

    ردحذف
  2. سبق طلبت منك أخي طلب هو بدي أجعل كل قسم من أقسام مدونتي بلون

    ردحذف
    الردود
    1. ارسل لي قالب مدونتك و ايميلك و ساعدلها =a

      حذف
  3. السلام عليكم اخي حسام من فضلك لوجو احترفي
    اسم : دزاير برو
    الرابط : https://dzair1pro.blogspot.com/
    اليميل : fkrayan71@gmail.com
    وبارك الله فيك

    ردحذف
  4. أخي أريد أكواد لجعل كل قسم من اقسام المدونة بلون
    من فضلك اريد الاكواد لتعديلها بنفسي حتى اتعلم وشكرا

    ردحذف
    الردود
    1. ادخل تحرير القالب HTML
      ثم احدف اكواد الاقسام قم اضاف الكود التالي
      http://jazairiweb.blogspot.com/2015/07/label-widget.html

      حذف
  5. اهلا خويا اول مرة اشوف مدونة جزائرية في القمة
    ممكن مساعدة اخي؟
    انا لدي موقع افلام و اريد عمل مثل هيك لكن يكون اجمل من هيك
    http://gulfupz.com/?IF0htV
    رابط الموقع:http://livecinme.blogspot.com/
    الاميل:hama.zgm40@gmail.com
    و كفية عمل مثبت مثل هيك
    http://gulfupz.com/?07xOQI
    وشكرا اخي مسبقا انامن وادي سوف نبعثلك تمر هههههههههههههههههه

    ردحذف

إذا أعجبك محتوى موقع جزائري ويب اتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...