Tutorial Membuat Halaman Error 404
Buka Blogger lalu buka tema -> klik edit-HTML.
Lalu pasa Script Error Page ini tepat di bawah </head> atau di atas <body>
<!--Error Page--->
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>/*<![CDATA[*/
#oopss{background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:30px;font-family:'Roboto Condensed',sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999}#error-text{top:30%;position:relative;font-size:30px;color:#aaa}#error-text a{color:#aaa}#error-text p{margin:0!important}#error-text span{color:#aaa;font-size:120px;font-weight:700;letter-spacing:0.1em}#error-text a.back{display:inline-block;margin:20px auto;background:#2196f3;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 0.5s ease-out}#error-text a.back:hover{background:#d7665e;color:#fff}#error-text a.back:active{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);background:#d7665e;color:#fff}@media only screen and (max-width:640px){#error-text{color:#aaa;font-size:20px}#error-text span{font-size:60px}#error-text a.back{padding:5px 10px;font-size:15px}#error-text a.back:hover,#error-text a.back:active{border:0}}
/*]]>*/</style>
<div id='oopss'>
<div id='error-text'>
<span>404</span>
<p>Sorry, the page you are looking for can not be found! <br/>Possibility of the page has been deleted, or you misspell a URL.</p>
<p><a class='back' href='/'>Back To Main Page</a></p>
</div>
</div>
</b:if>
Post a Comment