How to create 404 error page in blogger

<style> .hero-image { background-image: url(https://images.pexels.com/photos/2047905/pexels-photo-2047905.jpeg); background-color: #ccc; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; } .myfunc404 #main-wrapper { width: 100% !important; margin: 0 !important; } .myfunc404 #sidebar-wrapper { display: none; } .myfuncWrap { color: #fff; text-align: center; padding: 80px 0 100px; } .myfuncWrap h3 { font-size: 160px; line-height: 1; margin: 0 0 30px; } .myfuncWrap h4 { font-size: 25px; margin: 0 0 20px; } .myfuncWrap p { margin: 0 0 10px; } .myfuncWrap a { display: block; color: #; padding: 10px 0 0; } .myfuncWrap a i { font-size: 20px; } .myfuncWrap a:hover { text-decoration: underline; } </style> <div class="hero-image"> <div class="myfuncWrap"> <h3>404</h3> <h4>There's nothing here!</h4> <p>Sorry, the page you were looking for in this blog does not exist.</p> <a class="homepage" href="/"><i class="fa fa-home" /> home</a> </div> </div>