Custom 404 Error Pages [Blogger Feature]

You’ll be treated with a 404 or Not Found error message whenever you land on a broken webpage. This HTTP response code indicates that the server isn’t able to find what you’re looking for on that particular website.

Till now, Blogger used to show a plain old design for 404 page and did not allowed any customization. But, lately, Blogger has launched many good features in which “Custom 404” is one.

Tip: If you’re having more number of 404 pages, then its better to 301 redirect those blogger posts to the most appropriate pages.

If you use a unique template for your 404 page instead of the one that is used on several other blogs, then it will be beneficial for you to make your readers stay with you.

Remember that the Custom 404 feature is available for both blogspot and custom Blogger domains.

The default Blogger 404 error page will look like this.

Default Blogger 404 Error Page

However, you can change this to something useful for your readers. Simply navigate to Settings > Search Preferences > Custom Page not Found under “Errors and redirections” option.

Custom 404 Error Page for Blogger

Now, paste some HTML code to help your visitors find what they’re looking for. Simply, paste the following code inside the text-box and click on “Save changes”.

<h3>The page you’ve requested was not found or moved to a different location.</h3>
<p>Sorry, we’re not able to find the page that you are looking for. It might’ve been removed, had its name changed, or is temporarily unavailable.<br/></p>
<b>To find it out, try the below options</b><br/>
<li>Use the menu’s on our <a href=”/”>home page</a> to navigate to a specific post.</li>
<form method=”get” action=”/search”>
<table width=”100%”>
<td><input type=”text” style=”width:95%;padding:2px;” value=”Search this blog..” onfocus=”if (this.value == &quot;Search this blog..&quot;) {this.value = &quot;&quot;}” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Search this blog…&quot;;}” name=”q”></td>
<td><input type=”button” Value=”Search”></td>

Note: You can use any customized template instead of the one that is provided above. For more creative ideas, view our blogger blog’s 404 error page.

Leave a Reply

Your email address will not be published. Required fields are marked *