Sunday 2 February 2014

How to add a custom 404 page to blogger




Hello Friends, In this post we will check out how to create a custom 404 page for your blog. I hope you already know the meaning of Error 404, i.e. “Page not found”. It is the response error shown by the server when ever the requested page is not present or has been shifted some where else.In that case a user will be shown a default 404 page which is not recommended. If you want your blog to be more user firndly, you should create your own 404 page, so that user does not get annoyed and can be shown a custom message or redirect. In this post, we will only be talking about showing a custom 404 page not the redirect, which we will be learning in the coming blog posts.
404_page_not_found

First, you need to design a simple HTML page that you want to be shown to the users, don’t worry if you don’t know how to create HTML pages, You can use the one shown in this post. I will share the HTML code with the CSS for this custo 404 m page. Let us check out the procedure to add a custom 404 page to your blogger blog.


Recommended Articles:


How to add a custom 404 page in blogger:


  • Login in to your Blogger account. 
  • Navigate to your dashboard and click on Settings. 
  •  Click on “Search Preferences” as shown in the image below.
add_custom_404_page
 
  • Now add the following HTML code in the box highlighted in red in the image below.
  • Now click on save and you are done.

You have successfully added a custom 404 error page in your blog. Now, whenever a user come accross a url that is not present in your blog will be redirected to this page. A small editing is required, Please replace the URL of my blog highlighted in the above code in red with yours.

I hope you enjoyed reading this blog post, You can check out more blogging and SEO related articles in our blogging tips and tricks section.

 If you like my work; you can show your regards by hitting Facebook like button, following us on Google+ or Twitter, stumbling our posts on stumble upon or giving us a link back via the links below. Stay tuned for more update.

Do you like this post? Please link back to this article by copying one of the codes below.

URL: HTML link code: BB link code:
author pic
Author: Mohammad Zafar Ahmad
Zafar Ahmad is PHP/Java Developer and a Passionate Blogger. He likes to write about Blogging tips, SEO tips, Blogger Widgets, Smart phones, Tablets and Online Earnings. You can find him on Facebook, Twitter or Google+

No comments:

Post a Comment