404 Error Pages For Blogger

Only Custom message [No Style]

If you want to show only a custom message then First Go to updated Blogger Interface
Then Go to Setting->Search Preferences

Error Message with Stylish 404 images

If you want Colorful Stylish  404 page do the following.

• Go to Design->Edit HTML
• Find </head> and copy the below code just above it.

<b:if cond='data:blog.pageType == "error_page"'>
<style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style>
</b:if>

• Save the Template

Error Page Style 1

•  Go to Setting->Search Preferences
• Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugDAMHoVFjNSy6hSPVY7W-WJspQ151lUEqB7CjWVMe_oIk49Z3LldNqCGw0-X67JyT5jYa5fb6jPyd9Eo14wPXYcHrW4vG5rkg-rvHN6P92pe3a_Ygt2GlxYyBGt11OOZpR7y0AdaWPk/s1600/404+error+page+1.jpg"/>

Error Page Style 2

• Go to Setting->Search Preferences
• Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcrXIVDZlEmKl72JaykcVlHus_gsbBTopyheniEkP_ylnaEwN8KZkgYmrnnL3iXj7Y28BgyCbT3-KcnVCHCj4hRWCV7fzRoYcdy-94aqIiJmPz1qBv5GV5doaGqoqm4Xc-p3EIlx4q7_Y/s1600/404+error+page+2.jpg"/>

Error Page Style 3

• Go to Setting->Search Preferences
• Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxATDGtQpbzDVKBTNiFaRrfWwbrwg9sX9wZd2biwFPZiZzYLRB8FckNo2Ybo6InqQ8Fo5nK35VerQ6pMj6xPO02bHq1E__9WvSodHyHzRnRQHipTC4tWJeqsIA0Ne3cA32eYxE8HgUs4/s1600/404+error+page+4.jpg"/>

Error Page Style 4

• Go to Setting->Search Preferences
• Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWAGbiK3s7WbQWDRLwAgHLU-lqgtvNLOibYhFN9OgoYco_PLhYtip4eWT6JOj2tpsZpHnTsC2YALriDWwzCVC7J0l14w_Bzs0QXCS-L8Tk1TDfRiDwejds0e10E4TV3FiALgqnXmc_yQ/s320/404+error+page+6.jpg"/>

Error Page Style 5

• Go to Setting->Search Preferences
• Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9Czb8Nwxz_rhND79n_PcvE1VEADuPFg0bc1f3iMGmUNhEshd0XWUx09SjJkodhG1MrW5QJSDPlE7CL3-RwKpCowvPmdHRW4M0Uqp86OwxbK2qt13VseBlFY8n7OIGGE9Q8KolO9q4Z4/s1600/404+error+page+7.jpg"/>

Error Page Style 6

• Go to Setting->Search Preferences
• Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1GvwpHI7CBPHecjFgiZ0mvR1v9hn9pojLdcg3GE-fM5jxkYidExXkX84QmLyNAhkjmrvB87pcN3l19Ueb_oCXcrTCjNWg4tvVMScB5w-r-Y1uGbN_0XTr2dMxCSMQv5b5CyS0duOa1E/s1600/404+error+page+3.jpg"/>

Then Click Save..That all..