Create ‘Page Not Found on Blogger 404 Error

CREATE CUSTOM ‘PAGE NOT FOUND’ ERROR PAGE ON BLOGGER TEMPLATE

Sing into blogger template
From Blogger Dashboard select ‘Settings’ link tab
Click on ‘Search Preferences’ 
Under Heading ‘Errors and re-directions’ Click on ‘Custom Page Not Found’ [Not Set] Edit link
(As shown in the image below)

Now copy the below code and paste in it

<style>
#KO-error-page {
    background: #007dbd;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir9VB5HqzfO_2bJAm7XD59WOiU46HuYkYGO5PZAnDYJNkSUD-fGjcJylYP635bvdzIaY0xCSDLD1IA-mlXrZnTjbXZIXw9Q987KaLUe5QhbXToARhOQ-ZxkHT61KF02f0wkI5BJEempjg/s960/bg_body-blogtariff.com.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #007dbd 0%, #003650 100%);
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir9VB5HqzfO_2bJAm7XD59WOiU46HuYkYGO5PZAnDYJNkSUD-fGjcJylYP635bvdzIaY0xCSDLD1IA-mlXrZnTjbXZIXw9Q987KaLUe5QhbXToARhOQ-ZxkHT61KF02f0wkI5BJEempjg/s960/bg_body-blogtariff.com.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#007dbd), to(#003650) );   
        text-align:center;
        position:fixed;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top:270px;
        z-index:999999;
}
#KO-error-page  h1 {
        font-size:540px!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;
}
#KO-error-page  h2 {
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:80px;
        line-height:66px!important;
        letter-spacing: -3px;
        color:#fff!important;
        margin:0!important;
        padding:0!important;
}
#KO-error-page p a,
#KO-error-page p a:visited,
#KO-error-page 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='KO-error-page'>
 <h1>404</h1> <h2>LINK BROKEN</h2>
 <h2>PAGE NOT FOUND</h2>
 <p> <a href='/' title='Home Page'> Back to Home Page</a></p>
</div>

After pasting code successfully Click on ‘Save Changes’ button
That’s it done

Get paid to share your links!