How to Redirect Error 404 Page Not Found to a Custom Page

It's Really bad situation when visitor come out your website or webpage and then Found  " Error 404 Page Not Found "there are the big challenge for web master to solve that problem.This fault can happen for many reasons and this mistake make the visitor very angry and  they create a bad impression to visitor . So after following this step on this article. 

Read :- How To Create 404 error Page In Blogger

There are Step 

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

Search preferences

After click On Search preferences then choose Custom Page Not Found EDIT and a black box will appear, one box is show in your screen then this box you need to put a simple message to be show on Non-existing page.

Custom Page Not Found

Add this HTML code in 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>

</div>

</div>

<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 the URL with the URL of the page you want to set and change that link.

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

Go to Blogger dashboard >>> Template  >>>  Customize  >>> Advanced  >>> Add  CSS  style 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;}