How to set custom page not found in blogger - FindersAdda : Tutorials of Make Money, Computer or Internet

Saturday, 25 November 2017

How to set custom page not found in blogger

Hello Friends! How are you? I hope you will be well and also hope that you found my last post On "How to enable search description in blogger blog" and it will be very helpful for you.Thank you very much for all lovely comment and suggestion. You've inspired me to write another post.



In this article, I am going to learn "how to set custom page not found in blogger". First of all, we will know that what is meant by custom page. Let's begin....


How to set custom page not found in blogger


Why should we set custom page not found setting?

If you don't know what is custom page not found? Don't worry, I will tell you. Custom page not found is an error in your blog or website when user open any page in your blog and this page is not available in your blog then this is custom page not found.

Now a question arises that why should we set custom page not found setting? Let's see.. Custom page not found setting is better for SEO and it is very helpful to show a message to your readers that this page is not available in this blog or website. You can show any messages like "Sorry, this page is not available in this blog" etc.


How to Set Custom Page Not Found in Blogger?

1) First of all, open your blogger account and click on the Setting option beside blogger dashboard.

2) Now click on the Search Preferences option.

3) Then click on the Edit option in front of Custom page not found in blogger dashboard.


click on the Edit option


4) Now copy the below code and paste it into the edit box of custom page not found.


<style type="text/css"> #error-404 { border: 20px solid #1563ea; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span></div> <h2 class="large-heading" style="text-align: center;">Page not found.</h2><h3 class="light-heading" style="text-align: center;">Sorry, the page you were looking for on this blog does not exist.<br>You will be redirected shortly to the homepage.</h3><script type = "text/javascript">BSPNF_redirect = setTimeout(function() {location.pathname= "/"}, 5000);</script>

paste the above code


5) Then click on the Save Changes option.

Wow! it is a great article. Now you can see that custom page not found has been added in your blog.


How to check Custom Page Not Found is Set or Not?

1) First of all, open any post of your blog.

2) And then remove any word or any character from your post link. You can see in below image.


Remove any word or character from post link


3) Now you can see that custom page not found is set or not in your blog.


page is not found


Once again I hope you liked this post so much. If you like this post then share with your friends also ask your problem through comment box.

Thank You So Much

By Sumit Kumar Gupta.

About Author

SUMIT KUMAR GUPTA
SUMIT KUMAR GUPTA

Author & Editor

Myself Sumit Kumar Gupta & 21 year's old person. I am a programmer and blogger. I spend much more time on programming and blogging and helps other programmers and bloggers.

0 comments:

Post a Comment

We are eager to see your comments.
Comment Rule :

1. Don't use any link in the comment box. If you have any problem related to link then contact me with the contact form.

2. Don't use the wrong word if you write the wrong word in comment box then it will get spam.