View Google error page https://www.google.com/404
Pada kesempatan ini kita akan menempatkan 3 (tiga) posisi kode di dalam tema blog > Edit HTML
Langkah 1. Tempatkan kode berikut di bawah kode <meta charset='utf-8'/>
4. Save dan Lihat Hasilnya
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.error-container{background: url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right: 205px;}
#content-wrapper, div#footer-wrapper,div.blog-posts.hfeed,.container,#footer, #sidebar, #sidebar-wrapper, .sidebar, .sidebar-wrapper, #Header, div.back-to-top,.top-menu,span.bg-opacity-inner,.bg-opacity p{display:none!important;margin:0;padding:0;overflow:hidden;}
#copyright {margin-top:-100px;}
.error-header{margin-top:0}
.error-title{line-height:42px}
.error-title span{font-weight: 500}
.error-image img{display:block;height:65px;margin:0}
.error-container{display:table;height:30vh;overflow-x:hidden;width:100%;margin: 7% auto 0;max-width: 390px;min-height: 180px}
.error404 .anonymous{margin:0 auto 20px;display:block}
.error-404{display:table-cell;vertical-align:middle}
.error-404 .page-content p{color:#202124}
.error-title{font-weight: 200}
.search-title{font-size:48px;color:#3f3f46}
.page-content,.page-content p{color:#797979;margin: 0;padding: 0}
.btn.back-to-home{color:#1a73e8;left:40px;line-height:24px;opacity:.8;padding:14px 30px;position:absolute;text-transform:capitalize;top:50px;z-index:99;border-radius:4px;border:1px solid #f1f2f3}
.back-to-home:hover{background-color:#1a73e8;color:#fff}
.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>
<b:if cond='data:blog.pageType == "error_page"'>
<div class='error-container'>
<a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Back to Home</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/AVvXsEjoj678otfaCSmp-6WTS-beaSkDHu33mVsmtdqNYRjCBbea8mJHyGHJCJIQnlXhtIwgHtVXqTJq804DTm4lbiE-1Vgfl8ACTB6P4DTR40o3U6Rjyq-1TNqfsAwBUyW4KcvAOWYSjKDkLJc/s1176/unnamed.png'/>
</div>
<h1 class='error-title'><p><span>404.</span> That’s an error</p> </h1>
</header>
<div class='page-content'>
<p>The requested URL was not found on this server.</p>
<p>That’s all we know.</p>
</div>
</section>
</div>
</b:if>
 posisi kode di dalam tema blog > ...){kind=link}