cara membuat halaman 404 not found di blog, 404 not found adalah halaman yang dimana seorang visitor(pengunjung) mengunjungi URL/alamat yang salah dari artikel yang terhapus atau salah pengetikan.
nah kali ini saya akan membuat artikel cara memasang page 404 not found, langsung saja kita mulai....
BACA ARTIKEL LAINNYA ++>> cara memasang vidio youtube ke postingan blog
1. Log in ke blogger.com
2. Buka menu Tamplate++> Edit HTML
3. simpan kode ini dibawah <body>
=================================================================
<b:if cond='data:blog.pageType != "error_page"'>
=================================================================
4. simpan kode ini diatas kode </body>
=================================================================
<b:if cond='data:blog.pageType == "error_page"'>
<div id='oopss'>
<style>
/* CSS Custom Error Page */
#oopss {background-position:center;background: url('ttps:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWOqm-lCJHH8RX4vXGolP4rlYNtawRp0uGcgyD4gE-BkhKHySEfz0JFBNgRUeNUvotkyuNoANhDAz-ko61pB4zcAzkI7MmQQLZ4kID54TZNZqodQsZsbejtATu4bf8fTYxtorfsPoV0ym/s400/404.png')no-repeat center top fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;margin-bottom:50px;font-weight:400;font-size:45px;font-family:'Roboto',Arial,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;}
#error-text {top:30%;position:relative;font-size:50px;color:#fff;text-shadow: 0 4px 0 #ddd,0 8px 8px #aaa;}
#error-text a{color:#888;}
#error-text p {margin:0!important;}
#error-text span {color:#e47253;font-size:100px;text-shadow:0 4px 0 #a64126,0 8px 8px #aaa;letter-spacing:20px;transition:all 0.3s ease-in-out;}
#error-text span:hover {letter-spacing:30px;}
#error-text a {color:#e47253;}
#error-text a:hover {color:#394347;letter-spacing:-10px;}
/* CSS Error Page Responsive */
@media only screen and (max-width:640px){
#error-text {color:#888;font-size:30px;text-shadow:none;}
#error-text span {font-size:60px;text-shadow:none;letter-spacing:0;}
#error-text span:hover {letter-spacing:5px;}
#error-text a:hover {color:#394347;letter-spacing:5px;}}
</style>
<div id='error-text'>
<span>404</span>
<p>PAGE NOT FOUND!</p>
<p>Back To Homepage <a href='/'><i CLASS='fa fa-arrow-circle-right'/></a></p>
</div>
</div>
</b:if>
====================================================================
5. lalu save tamplate kalian.
NOTE. ttps:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWOqm-lCJHH8RX4vXGolP4rlYNtawRp0uGcgyD4gE-BkhKHySEfz0JFBNgRUeNUvotkyuNoANhDAz-ko61pB4zcAzkI7MmQQLZ4kID54TZNZqodQsZsbejtATu4bf8fTYxtorfsPoV0ym/s400/404.png
alamat yang berwarna biru diatas bisa kalian ganti dengan gambar lain, sesuai keiinginan kalian.
"sekian artikel kali ini semoga bermanfaat"
