Cara Membuat Custom 404 Not Found

Hai sobat blogger ,tadi sewaktu saya BW,saya Menemukan Blog yg keren,dlm pemikiran saya pasti ada tutor keren di blognya,ternyata benar yaitu Cara Membuat Custom 404 Not Found,jadi saya juga ingin membagikan pada kalian.....

Demo

1.Buka Blogger

2.Pilih menu rancangan Lalu Pilih Edt HTML

3.Cari kode </body> ,letakkan kode di bawah ini diatas kode </body>

<!-- Start-->
 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
#error-not-found {
background: #00ff00;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXDYC56incLoDJ_AUD8opOPrRVldJZOmTkU8VybOg2Wf7jIxSr-fboWLxE_6t8ufxpxLk9TTvdAsHxInAxJlbBTCKKJqc4VQtFSGCs5zDSvTaECdUGuEGqsmchn3NAVO0Lk4O3_BsQc6Y/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #00FF00 0%, #000000 100%);
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXDYC56incLoDJ_AUD8opOPrRVldJZOmTkU8VybOg2Wf7jIxSr-fboWLxE_6t8ufxpxLk9TTvdAsHxInAxJlbBTCKKJqc4VQtFSGCs5zDSvTaECdUGuEGqsmchn3NAVO0Lk4O3_BsQc6Y/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#00FF00), to(#000000) );
text-align:center;
position:fixed;
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:270px;
z-index:999999;
}
#error-not-found  h1 {
font-size:610px!important;
position:absolute;
top:-400px; left:680px;
font-family:impact,sans serif!important;
letter-spacing: -8px;
margin-left:-502px!important;
width:960px;
z-index:-2;
color:rgba(0,0,0,.09)!important;
}
#error-not-found  h2 {
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:81px;
line-height:66px!important;
letter-spacing: -3px;
color:#fff!important;
text-shadow:1px 0 0 lime,-1px 0 0 lime,0 1px 0 lime,0 -1px 0 lime,1px 1px 2px lime;
margin:0!important;
padding:0!important;
}
#error-not-found p a,
#error-not-found p a:visited,
#error-not-found p a:hover{
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:56px;
line-height:40px!important;
border:none;
font-weight: bold;
color:rgba(0,0,0,.5)!important;
margin:0!important;
padding:0!important;
text-decoration:none!important;
}
</style>
<div id='error-not-found'>
 <h1>404</h1> <h2>Error 404</h2>
 <h2>Page Not Found</h2>
 <p> <a expr:href='data:blog.homepageUrl' title='home page'> Back Home page</a></p>
            </div>
</b:if>                <!-- end-->

4.Simpan Template
Sumber

Ditulis oleh immanuel - 01.48