صفحة خطأ 404 احترافية للبلوجر V1

<b:if cond='data:blog.pageType == "error_page"'> <style type='text/css'> .header-top,.header,.main-menu,.wrapper,#breakingnews,.copyrights,.sub-footer{ display:none; } .error-container .top-bar{height:30px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-clip:padding-box;border-top:thin solid #eaeae9;border-bottom:thin solid #ddd;background:linear-gradient(#e7e7e6,#e0e0e0)}.error-container .circles{margin:5px 12px}.error-container .circle{height:10px;width:10px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-color:#fff;margin-right:1px}#close-circle{background-color:#ff5c5a}#minimize-circle{background-color:#fdb45c}#maximize-circle{background-color:#1bc656}.errorwrapper{max-width:600px;margin:0 auto;background:#E7E7E7;padding-bottom:70px;border:1px solid #ddd;border-radius:4px}.error-header{margin-top:50px}.error-title{line-height:42px}.error-title span{background:#333;color:#666;padding:30px;font-size:200%;border-radius:100%;}.error-image img{display:block;font-size:72px;font-weight:700;margin:10px auto 40px}.error-container{background:#fafafa;display:table;height:100vh;overflow:hidden;width:100%;}.error404 .anonymous{margin:0 auto 20px;display:block}.error-404{display:table-cell;vertical-align:middle}.error-404 .page-content p{color:#666}.error-title{color:#666;font-size:42px;font-weight:700;text-transform:uppercase;margin:0;text-align:center;line-height:normal;}.search-title{font-size:48px;color:#3f3f46}.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}a.buttonerror {background:#314151;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);color:#fff;font-size:13px;cursor:pointer;margin-right:5px;padding:15px 20px;font-weight:bold;border-radius:4px}#ctforce {position:absolute;right:0;top:-30px;color:transparent}.cpright{opacity:0} </style> <span id='ctforce'></span> <div class='error-container'> <section class='error-404 not-found text-center'> <div class='errorwrapper'> <div class='top-bar'> <div class='circles'> <div class='circle' id='close-circle'> </div> <div class='circle' id='minimize-circle'> </div> <div class='circle' id='maximize-circle'> </div> </div> </div> <header class='error-header'> <h1 class='error-title'> خطأ في الرابط</h1> </header> <div class='page-content'> <p> هذه الصفحة ليست موجودة , أو قد تم حذفها من قبل أحد مشرفي المدونة</p> </div> <br/> <center> <a class='buttonerror waves-effect waves-light' href='/'>الرجوع للصفحة الرئيسية</a></center> </div> </section> </div> </b:if>


ملاحظة في مكان .header-top,.header,.main-menu,.wrapper,#breakingnews,.copyrights,.sub-footer


انت ضع في مكانهم كل الكلاسات التي تريد حذفهم عندا ضهور صفحة خطأ لذا شاهد الفيديو لكي تفهم اكثر