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

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
.error{display:none}
.error_page .error{display:block;text-align:center;padding: 70px 170px 0 170px;width: 100%;}
body.error_page {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Wk39xXsH9uoN6UEcWKXRWCQpT5VTlpdSgBzHyiCdCIr7id7EiVy3-A2V2txVqrLXeHCX1CfF5Z2kxJyy9uZeozceLrDI1nrkKHQ5B5DutULXSFUxb69zbSRcLCie5aJd51dci9nkdML4/s1600/Growa-tk.png)!important;background-size: 100%;}
.error_page .sidebar,.error_page .post-wrapper,.error_page .dsbygoogle-src,.error_page  .vc_services-s,.error_page .Growa-tkidebartabs,.error_page .copyrights{display:none}
.error_page .text{width:64%;float:right;padding:5em 0 3em}
.error_page .text h1{font-size:60px;text-align:right;margin-bottom:20px;margin-top:0;color:#fff;font-weight:700}
.error_page .text p{font-weight:500;font-size:16px;text-align:right;color:#fff;line-height:32px;padding-top:10px}
.error_page .text p a{color:#FCC62A;background-color:rgba(121,134,203,0);margin-top:0;padding:0}
.error-text-a{border-radius:2px;background-color:#EF5350;margin-top:35px;display:inline-block;padding:10px 15px;color:#fff;transition:all 0.2s ease-in-out;transition-delay:0s}
.error-text-a:hover{background-color:#4267B2;color:#fff;transition:all 0.2s ease-in-out;transition-delay:0s}
.error_page .image{width:30%;float:right;margin-top:100px}
.error_page  .dsbygoogle-src3 {display: none;}
body {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Wk39xXsH9uoN6UEcWKXRWCQpT5VTlpdSgBzHyiCdCIr7id7EiVy3-A2V2txVqrLXeHCX1CfF5Z2kxJyy9uZeozceLrDI1nrkKHQ5B5DutULXSFUxb69zbSRcLCie5aJd51dci9nkdML4/s1600/Growa-tk.png)!important;
    background-size: 100%;
}
</style>
<div class='error'>
<div class='text'>
<h1> الصفحة غير موجودة &#1548; 404 </h1>
<p>
الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها
</p>
<p>
يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة <a href='/'>التبليغ عن رابط لا يعمل   </a>
</p>
<p>
ويمكنك طلب ما تريده من هذه الصفحة <a href='/'>الدعم الفنى</a>
</p>
<p>
أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد
</p>
<a class='error-text-a' href='/'>العودة للرئيسية</a>
</div>
<div class='image'><img src='https://p.w3layouts.com/demos/aug-2016/29-08-2016/flat_error_page/web/images/smile.png'/>
</div>
</div>
  </b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

الخطوة الثانية