How To Customize Blogger 404 Pages?

Recently Blogger Introduced new settings in blogger blogs including Custom 404 Error pages,Robots.txt,Meta tags and much more.Google is now making changes in Blogger for more.So today we are going to show you how to customize your 404 pages with html,images and css.So why are you waiting for just get started with this awesome tutorial.

Customize Custom Blogger 404 Pages

So i am going to write about two ways one with picture and the other one is with CSS and HTML.So Here’s the tutorial for that.Carry on and go get it.

1. Log in to Blogger Dashboard (Updated Dashboard is Must).
2. Click on Settings>Search Preferences.
3. Click on “Edit” after Custom “Page Not Found Text”.
4. After that you have to choose any one of the styles listed below!

Top Styles For Custom 404 Pages

Here the list goes on,

<h1>404 Error - Page Not Found</h1> <h3>Oh Snap! Double Check Your URL</h3> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9CoY1jEGObCFe5KUiJSHZ_ml4bq2nA4hawdq6Ch2wcJvvrF1b-iSSVcv5K74jqnVr29d5SIOrKnFrV5Vz45dTZsgbmAtaOGUL_zwIb2Xe9dOiHKRlsFpujw1zyOu5r_ZOLtXJx2ga9WZd/">

So here’s the funny 404 error page,

So here’s the code for that funny 404 error,

<p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>   <p>&#160;</p>   <p align='center'/>   <p align='center'><font size='5'>Sorry! The page you are looking for no more exists in this world.This page had died earlier <img src="http://www.devilstoolshop.com/wp-includes/images/smilies/icon_sad.gif" alt=":(" class="wp-smiley"> </font></p> </div>

So Enjoy adding these Custom 404 pages in Blogger blogs and let us know if you had any problem with this post or in coding!