-->

إضافة صفحة خطأ بشكل احترافي


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


بعد ان قمت بمعاينة الاضافة ننتقل الى طريقة التركيب
  1. اذخل الى لوحة تحكم بلوجر من هنا 
  2. إذهب الى قالب و ثم اختار تحرير html
  3. الان سنبحث عن مجموعة من الاوسمة وكل وسم له كود :
  • ابحث عن الوسم : <head> لنضيف اعلاه الكود التالي

<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>الصفحة غير موجودة- <data:blog.title/></title> </b:if>

  • ابحث عن الوسم </head> لنضيف أعلاه الكود التالي :

<b:if cond='data:blog.pageType == &quot;error_page&quot;'><style type='text/css'>.error-container{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC553r4iMhsimd7vC_1OdG4DBHY6NH_YQ8r3uxl7dYPAHVhmgfYdf47gmRrvWnXybg5arR3DqkDo0X1BEznudp5q4LzeNKD_yySJRI7EmIXQdPrjbS7mOSorDqIDS-ntFznoy2Z8cYDijw/s1600/MinanDesign-Poto.jpg);}div#inseopage,div.minan-menutop-wrapper,.container,#minan-footer, #downindz, #minanHeader, div.back-to-top,.top-menu,span.bg-opacity-inner,.bg-opacity p{display:none!important;margin:0;padding:0;overflow:hidden;}#copyright {background-color:rgba(0,0,0,0.3);margin:auto;margin-top:-70px;}.error-header{margin-top:-100px}.error-title{line-height:42px}.error-title span{background:#ed522e;padding:2px 10px;}.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}.error404 .anonymous{margin:0 auto 20px;display:block}.error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}.error-404 .page-content p{color:#c8c8c8}.error-title{color:#fff;font-family: "Ta3alamFont";font-size:42px;font-weight:400;text-transform:uppercase;margin:.67em 0;text-align:center}.search-title{font-size:48px;color:#3f3f46}.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}.btn.back-to-home{background:none;border-radius:0;color:#fff;font-weight:400;left:40px;line-height:24px;opacity:.8;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99}.back-to-home:hover{color:#c9a96e;}.back-to-home i{font-size:14px;margin-right:3px}
@media only screen and (max-width:479px){.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}</style></b:if>
ملاحظة : لتغيير اللون البرتقالي ابحث عن #ed522e
  • ابحث عن الوسم <body> وان لم تجده ابحث عنه هكذا body> واضف الكود التالي اسفله :

<b:if cond='data:blog.pageType == &quot;error_page&quot;'><div class='error-container'> <a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>إرجع للصفحة الرئيسية</a>    <section class='error-404 not-found text-center'>        <header class='error-header'>            <div class='error-image'>                <img alt='404' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQ7gHxrsOKNdV34kv1D6q-fdIBGLsF11ym1i8Q3fjTHaHoAOf1Oxu9oXm7fLD_8wmG9bdXpvxbJYfeLAfROVEzrUm4JBlPdFLz5GU4Lb_27I1773taVruYcXEdzWO5OKD8M2B4szRTxiT/s1600/minandesign.png'/>            </div>          <h1 class='error-title'><p><span>عذرا</span> فالصفحة التي تبحث عنها غير متوفرة حاليا</p> </h1>        </header>        <div class='page-content'>            <p>لا يمكن اجاد الصفحة التي تبحث عنها هنا</p>        </div></section></div></b:if>

التعليقات دائما مفتوحة لاستفساراتكم
 في امان الله وحفظ الرحمن