How To Add Customize Design Of 404 Error Page For Your Blogger Blog

All Blogger blog used to have a same default 404 error page which never matches with your blog theme design. So with new Search preferences option in Blogger, Google also added an option by which now we can create our own custom 404 error page.

So if you are a designer (if you are not a designer then you can also just text) and want to have your custom 404 error page then here are the following steps:

  1. Go to Blogger in Draft dashboard
  2. From More option drop-down, select Settings
  3. Blogger - More option drop-down select Settings

  4. Then click on Search preferences from left column
  5. Now edit and enable Custom Page Not Found option
  6. Their enter code of your design (it should not contain HTML, HEAD and BODY tags, if you are adding any CSS for the same then you need to write inline CSS or add CSS in style tag their only)
  7. Then click on Save change button
  8. Blogger - Search preferences - Custom Page Not Found

Now visit any page in your blog which doesn’t exist and you will able to see your custom 404 error page design which Google try to add your current template. If you see any problems in design then check and edit your code once again if there is any problem.

More tutorials on Blogger new Search preferences settings page:
Description Meta Tag
Customize Design Of 404 Error Page
301 Redirect Any URL
Edit Robots.txt
Robots Header Meta Tags