Custom Page Not Found ini Bukanlah hanya sekedar mempercantik Tampilan Page Not Foud tetapi juga berfungsi agar bila ada sesuatu yang error pada Blog kita, Misalkan ada link yang rusak atau yang sudah terhapus maka kita tidak lagi dialihkan ke blogger.com (Jadi kesimpulannya kita masih berada di halaman blog kita sendiri)
Berikut Tutorial Custom Page Not foundnya :
- Pada Halaman Dashboard, Klik Template
- Pilih Edit HTML
- Cari Kode </body>
- Copy Paste Kode Script Dibawah Ini Tepat Diatas kode </body> tersebut :
<!-- Start Page Not Found By Dido Borneo -->
<b:if cond='data:blog.pageType == "error_page"'>
<style>
#error-not-found {
background: #ff0000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbABEx_j0SwJzl6SJ19evQJvfQgSJBcpI0x8JgqwD2G5BXkApTKXmJ3CB1Dj5e6gBUbWQXim_9ufz9RmmAexDJTHIkGJW1WI9O4SxIbd-026tsQRqzGN_LJ51E2tY5VDqNHhFyFlFAq8M/s1600/bg_body.gif)
no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbABEx_j0SwJzl6SJ19evQJvfQgSJBcpI0x8JgqwD2G5BXkApTKXmJ3CB1Dj5e6gBUbWQXim_9ufz9RmmAexDJTHIkGJW1WI9O4SxIbd-026tsQRqzGN_LJ51E2tY5VDqNHhFyFlFAq8M/s1600/bg_body.gif)
no-repeat top center,-webkit-gradient(radial, center 40%, 0, center 40%, 800, from(#ff0000), to(#880000) );
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:640px!important;
position:absolute;
font-family:impact,sans serif!important;
top:70px;
left:50%;
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;
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>Ups..sorry</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 Page Not Found By Dido Borneo -->
- Perhatikan Tulisan Berwarna Merah Diatas
Silahkan Sobat ganti apabila Sobat Ingin Membuat Kreasi sendiri
1 Comments