There are millions of people who are writing blogs & are also liked by the readers. This blog - Wide Info Blog provides blogger tips, tricks & tutorials. Previously we have discussed about - Blogger’s fresh new Dashboard & Colors - November 2016. Today we are discussing how can we add a custom 404 error page in blogger.
What is 404 Error : The HTTP 404 Not Found Error means that the webpage you were trying to reach could not be found on the server. It is a Client-side Error which means that either the page has been removed or moved, and the URL was not changed accordingly, or that you typed in the URL incorrectly.
Normally, when any post or URL is not found on the blog. It shows "Sorry, the page you were looking for in this blog does not exist." But we can customize it, here are the steps:
Step - 1. Login into your blogger account & select the blog to which you want to add custom 404 error page. Now, Go to "Settings"> Search Preferences > Custom Page Not Found as shown below.
Step - 2. Now Copy the code given below & paste into the field you edit in above step. Now, save your settings & enjoy!!!
Code :
<center><h2>Sorry, this page could not be found</h2>
<p style="color: red;">Try the search box below to find what you're looking for.</p>
<form id="searchThis" action="/search" style="display: inline; margin: 20px auto;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this blog" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" vinput="" name="q" /> <input id="searchButton" value="Go" type="submit" />
<br/><br/>
<h2 style = "text-align: center;">Or</h2>
<br/>
Go to Home Page <a href="http://www.ABC.com"><b>Click Here</b></a>
<br/><br/>
</form></center>
Note : Change ABC with your blog or site URL. Share this blog with your friends.