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

<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://2.bp.blogspot.com/-w57VuTGUWJ8/WNHPscEAxGI/AAAAAAAACs8/rIu5g-6PY1A4xUlWMUvZitFYgbm72pnwgCLcB/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://2.bp.blogspot.com/-w57VuTGUWJ8/WNHPscEAxGI/AAAAAAAACs8/rIu5g-6PY1A4xUlWMUvZitFYgbm72pnwgCLcB/s1600/Growa-tk.png)!important;
background-size: 100%;}
</style>
<div class='error'>
<div class='text'>
<h1> الصفحة غير موجودة ، 404 </h1>
<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;'>