How To Create A Custom Error 404 Page Not Found On Blogger

Its really bad when i visitor visit your blog and gets “ ERROR 404 PAGE NOT FOUND “ , To be realistic this fault can happen for many reasons and this mistake make the visitor angry . So after following the steps on this article you will be able to fabricate a custom error 404 page not found if god is willing .

Tutorial :

So lets start .

Go to your blogger dashboard >> Settings >> Search preferences .

Search preferences

Then click on Custom Page Not Found EDIT and a blank box will appear , on this box you need to put a simple message to be shown on Non-existing page .

Custom Page Not Found

So add this HTML code to this box

<div class="pagefound">

<div class="links">

<h2>Our bad, page not found!</h2>

<h3>You can visit one of these pages</h3>

<ul>

<li><a href="URL">Write here</a></li>

<li><a href="URL">Write Here</a></li>

<li><a href="URL">Write Here</a></li>

</ul>

</div>

</div>

Replace URL with the URL of the page you want and change Write Here with any text you want .

Now we finish from the first Part so lets start the second one : 

Go to Blogger dashboard >> Template >> Customize >> Advanced >> Add CSS .

 You will see a Blank writing place .

.status-msg-border {visibility: hidden; }

.pagefound {

background-color: white;

background-image: url(Put your photo URL here);

height: 400px;

}

.links {

width: 80%;

margin: 0 auto;

position: relative;

top: 20%;

background: transparent;

}

.links h2 { padding-top: 3em; }

.links ul {

list-style: none;

padding-bottom: 3em;

}

Needful Notice : Don't forget to replace Put your photo URL here with an image URL .

And now you get rid from all those bad accidents .

Final Words : Enjoy this information and don't forget to share .