How to create a custom 404 page for blogs.

Step 1: Go to the blogger you want to change the 404 page>Settings>Search Preferences.
Step 2: Under 'Errors and Redirections', Near 'Custom Page Not Found', Click edit.
Step 3:Copy and paste this code there.
<style>
.joediv #main {
width: 100%;
text-align: center;
margin: 3em 0 10em 0;
color: #999;
}
</style>
<div class="joediv">
<style>
@import url(http://fonts.googleapis.com/css?family=Frijole);
h1 {
font-family: 'Frijole', cursive;
font-size: 25px;
}
</style>
<h1>Its 404.., Go Back, There's nothing here.... :'( visit our<a href="http://joe-amis.blogspot.com">Homepage</a></h1></div>
Step 4:Replace the Orange colored text with your homepage. Click Save Changes.Enjoy your new 404.