صفحة خطأ 404 احترافية للبلوجر V1 كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

سبتمبر 28, 2017

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

لمعاينة الاضافة من هنا

ملاحظة لكي تركب هذه الاضافة يجب متابعة هذا الفيديو من هنا

الان اولا إبحث على  وضع هذا تحته مباشرة

<b:if cond='data:blog.pageType == "error_page"'> <title>الصفحة غير موجودة ~ <data:blog.title/></title> </b:if>



ثانيا ضع هذا الكود تحت  او فوق ال 

<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


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

الكلمات المفتاحية :

Written by you: Technical blogger AMER BACHIR

URL Of Post:

https://ab-expert.blogspot.com/2017/09/404-v1.html

HTML Code Of Post:

<a href="https://ab-expert.blogspot.com/2017/09/404-v1.html">صفحة خطأ 404 احترافية للبلوجر V1 كتبها: المدون التقني - الخبير عامر بشير</a>