Cara Membuat Page not found

blogger templates




Page not found, page error




Ups..sorry

Page Not Found

Page not found buat blogspot

Sekarang blogspot sudah mempunyai Custom Page Not Found, ,jadi sekarang apa saja yang ada di blog kita ini..yang error - error tidak akan dialihkan lagi ke blogger.com,biasanya kalau ada link yang rusak atau yang sudah kehapus..pasti dialihkan ke blogger.com, tapi sekarang tidak lagi. Sekarang kalau ada url yang error itu masih berada di blog kita sendiri,dan sekarang waktu nya kita untuk bikin style di Custom Page Not Found ini.

Waktu nya kita untuk bikin style di halaman ini,pertama cari kode </body> , setelah itu masukin css di kotak sebelah,tepat di atas nya
seterus nya pelajari aja sendiri ya kwkwkwk...,habis saya baru mengetahui nya cuma sampai segini dan blog saya pun bukan khusus blog tutorial blogspot ini cuma sekedar sekilas info,bahwa blogspot sudah mempunyai Conditional Tag buat page error.untuk selanjut saya kembali kan kepada ide , hati dan imajinasi sobat sendiri.


<!-- Start-->  
 <b:if cond='data:blog.pageType == "error_page"'>
<style>
#error-not-found {
    background: #ff0000;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPdn46_ZYZDL3p5IMSAoJYCFiNG36F7XrPpnMoZ9CTit-ma-ovVo17_ZhImvrDfW3ImdxjXCW_gWa-j-yWGD_BlLFaDHDJ9qffZTa7zgBD6A2u8KwOptWaWL9ePH0wAuqx5pgg8yK_VU/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/AVvXsEiLPdn46_ZYZDL3p5IMSAoJYCFiNG36F7XrPpnMoZ9CTit-ma-ovVo17_ZhImvrDfW3ImdxjXCW_gWa-j-yWGD_BlLFaDHDJ9qffZTa7zgBD6A2u8KwOptWaWL9ePH0wAuqx5pgg8yK_VU/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-->