Now, in this article I’ll show you how to create 404 Error Page and some professional 404 Error Pages for blogger. Before going into our tutorial, you need to know What is 404 Error Page?
404 Error Page to show the error when someone landed into a broken or not found link. In other words, when you enter in an incorrect link then that web page appears. The way of telling the users that he has entered in the broken link. This is known as 404 Error Page.
How to Create and Add 404 Error Page in Blogger
- Go to Setting >> Search Preferences
- Then just Copy the below code and Paste it in Custom Page Not Found section.
Style 1
<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=”http://2.bp.blogspot.com/-ldrwg_L3hPw/T29ZifhYlUI/AAAAAAAAAMo/wdhPPVcNEDM/s1600/404+error+page+4.jpg”/>
Style 2
<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=”http://4.bp.blogspot.com/-gdd8Nj5zNqg/T29ZjfvDjYI/AAAAAAAAAMw/vwwjnuqR1Ro/s320/404+error+page+6.jpg”/>
Style 3
<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=”http://3.bp.blogspot.com/-unUiQAZJDZM/T29ZhgrSbnI/AAAAAAAAAMg/7KLym2snYbI/s1600/404+error+page+3.jpg”/>
Style 4
<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=”http://2.bp.blogspot.com/-oGC6zPGYpDk/T22zRTPEHkI/AAAAAAAAAMY/_QDDN_HW40A/s1600/404+error+page+2.jpg”/>
Style 5
<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=”http://4.bp.blogspot.com/-3_mjW7aMWMo/T22zQQHn-sI/AAAAAAAAAMQ/f-biNvAo1-Y/s1600/404+error+page+1.jpg”/>
- Now Replace “/” with your homepage address.
- Once everything was finished, just Click Save button.
- That’s it!
Final Words
Hope you like these Awesome 404 error pages and added successfully to your blog. Do some likes and share this post with your friends. Happy blogging 🙂