انشاء صفحة خطأ مخصصة لمدونة بلوجر

<!--كود صفحة الخطأ1-->

<b:if cond='data:blog.pageType == "error_page"'>

<title>الصفحة غير موجودة - <data:blog.title/></title>

<style>

.container404{ line-height: normal;

font-size: 16px;

backface-visibility: hidden;

transition: all .3s;

background: #e83153;

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 999999;

text-align: center;}

.boxi404 hr{background:transparent;display:block;border:none;border-bottom:4px solid rgba(255,255,255,.3)}

.boxi404{padding:20px;font-size:110%;color:#fff;border-radius:5px 5px 0 0}

.boxi404 h2,.boxi404 h3{color:#fff;display:block;font-weight:700;font-size:2.6rem;text-transform:uppercase}

.boxi404 h2{position:absolute;font-size:20rem;color:rgba(255,255,255,.3);transform:rotate(-45deg);right:3%;bottom:8%}

.boxi404 p{display:block;margin:10px 0}

.boxi404 ul li{margin:0 0 8px 20px;list-style:initial;list-style-type:none;}

.boxi404 ul li a{color:#e5ffaf;}.boxi404 ul li a:hover{background:rgba(0,0,0,0.1);color:#e5ffaf;text-decoration:underline}

.copyright404{display:block;margin:auto;font-weight:normal;max-width:768px;min-width:200px;padding:0 20px}

.copyright404 a,.copyright404 a:hover{color:#fff}

</style>

</b:if>

<!--كود صفحة الخطأ1-->