Hello Our Awesome Visitors Make Make Some Cool & Awesome 404 Errors Massege Pages
Then Go to Setting->Search Preferences
Or If You Wan't Cool 404 Error Page With Image then See Below
404 Error or Page Not Found Error generated by Blogger when a user enters an invalid URL or 404 Error is an HTTP status code that means the page you are trying to reach on your Blog couldn't found or Page not exist in the Server.By Default Blogger shows Error page message in a box and its not look Stylish .
Here I am saying about how to Customize it much better & Make ITS Super Cool
Here I am saying about how to Customize it much better & Make ITS Super Cool
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
Or If You Wan't Cool 404 Error Page With Image then See Below
Error Message With Stylish 404 Images
- 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>
- Now 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/AVvXsEifqtXSXdsRUbSYjORTVdYn-F6BgMnDT2r_g5beNIi_sgNnhJpcC7sR0L3w09z7EdAYWinSDWazVCw9FFzP6eOoPq7H9EvVRmwHnqu8YWnbjYc7uSsQ3ce-bBvaWinvYQC1jFO2DYmdl6I/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/AVvXsEhZ55iDacTBrDZBpQQbL3TgQnay2sbF-gWyyrvsWGq_SIAmfk3QF09cfxtzkUqY8-dMH581t82-skj1YdRmGvdOwwwd8ADbRSE9Ns3uFG3m0zHMIC7o4NkcLMAUX03mHemlEh0Jutl_BvY/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/AVvXsEg7wzEF_59oNlFQ5d0aF5AsnHVKgyQ4qt9gT3nYjdpF4-9fExNKLwW9_ebEaB7S-W4DKFSjUF2bVBfp8yci-rP_tXhi7X-YtkEDDv2R60UkTmMPbgx3QN2mV7JwtCjCS4hvD_ZYaoNtLKc/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/AVvXsEjSrQbVQSbhod-AGRkiZoKtm7cghsWGjTdlwaNfFoJkNDUcAFgEIHOzdqKbUEdE0y9BTt1Sm5JGjGD99sYUgRGY1QdS1lApydR1ioamRx-iPkWT6Y0qKUfyEPu9E9lgXlIlLJ17ExuX2HQ/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/AVvXsEjdsZOsBKK-u5aAvbGlDPCaRsLiSQ5tHa-SyK3IFx3vdC3_mVXNJSTcZBXroNEJ_wzwnSlO7Mk8HSMuqsuIVbe-UZg5j_78UsTj4sjqusQ3FJynrMQpGFdGXUzSHBChDJ8Mu8qcmvdRDQg/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/AVvXsEgo7T5KG7ao1LILRTkcgkAbRQwqGP19TU2g4ruF08xc-n6UtApXU9ZMTBIS08V8qP_aNrVQ4hVLJfrwJ_2xbzWspwq6nC-_MzPcJgLxK8adGJAF5hv1qn1MaMX-OE5viByVzaxKDWjmr98/s1600/404+error+page+3.jpg"/>
All Done Friends Enjoy With Your New Cool 404 Errors Messege Page If Need Any Help Then Comment Here We Proud To Help Our AweSome Visitors
