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

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته .
صفحة خطأ أحترافيه للموقع | متحركة صفحة الخطأ صفحة مهمه في كل موقع ولابد من تواجدها , فكل اصحاب المواقع لا يستغنون عن هذه الصفحة حيث انها اما تقوم بتحويل الزائر مباشره الى الصفحة الصحيحه او الرئيسيه
- ادخل تحرير القالب HTML.
- ابحث عن <head> وضع هذا الكود اسفله :
<b:if cond='data:blog.pageType != "error_page"'> <title><data:blog.pageName/><data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == "error_page"'> <title>الصفحة غير موجودة ~ <data:blog.title/></title> </b:if>
- الان ابحث عن <body> وضع هذا الكود اسفله :
<b:if cond='data:blog.pageType == "error_page"'> <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>
- الان ابحث عن </head> وضع هذا الكود فوقه :
<b:if cond='data:blog.pageType == "error_page"'> <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:'Roboto Condensed',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: "\f119";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>
اخي ممكن رابط للمعاينة
ردحذفتم: http://template-jazairiweb2.blogspot.com/404
حذفممكن مساعدة
ردحذفطيب, كيف اساعدك =a
حذفسبق طلبت منك أخي طلب هو بدي أجعل كل قسم من أقسام مدونتي بلون
ردحذفارسل لي قالب مدونتك و ايميلك و ساعدلها =a
حذفالسلام عليكم اخي حسام من فضلك لوجو احترفي
ردحذفاسم : دزاير برو
الرابط : https://dzair1pro.blogspot.com/
اليميل : fkrayan71@gmail.com
وبارك الله فيك
تم الارسال عبر ايميلك =a
حذفأخي أريد أكواد لجعل كل قسم من اقسام المدونة بلون
ردحذفمن فضلك اريد الاكواد لتعديلها بنفسي حتى اتعلم وشكرا
ادخل تحرير القالب HTML
حذفثم احدف اكواد الاقسام قم اضاف الكود التالي
http://jazairiweb.blogspot.com/2015/07/label-widget.html
اهلا خويا اول مرة اشوف مدونة جزائرية في القمة
ردحذفممكن مساعدة اخي؟
انا لدي موقع افلام و اريد عمل مثل هيك لكن يكون اجمل من هيك
http://gulfupz.com/?IF0htV
رابط الموقع:http://livecinme.blogspot.com/
الاميل:hama.zgm40@gmail.com
و كفية عمل مثبت مثل هيك
http://gulfupz.com/?07xOQI
وشكرا اخي مسبقا انامن وادي سوف نبعثلك تمر هههههههههههههههههه