How to create 404 error page and redirection for blogger blogspot website:

First of all,

Why we have to create 404 error page and redirection for blogger blogspot website?

Create 404 error page for blogger.com is a very important page for our blog because while visitor is entering wrong URL about your blog page, then it has to generate 404 error or it has to redirect to your custom landing pages. Because blogger.com is the base platform for all blogger.

Almost 90 % of the blogger starts their journey with blogger.com, after some improvement they will move on to WordPress or custom website.  Once if you created brand name on your blog, that time visitor will come with direct URL entry not from any search engine. That time if you did not create this 404 error page or 301 0r 302 redirections, it leads to bad impression about your blog to your visitor, then they will move on to another website.

In this tutorial I am going to show how to create 404 error page and redirection for blogger blogspot website

What happened if you did not create 404 error page and redirection for blogger blogspot website?

Nothing will happen, it just tells “Sorry, the page you were looking for in this blog does not exist”. Creation is not mandatory, it just information to our visitor. But redirection will be of effective one…That time you have two URL for your Home page of your website.

Please follow steps to create 404 error page and redirection for blogger blogspot website:

First we see

How to create 404 error page for blogger blogspot website:

• Login to your blogger.com dashboard, which you want to create 404 error page

• Go to settings => search preferences => see error and redirections => Click edit on Custom page not found

• Paste the below linked Code

——————————————————————————————————————

<style type=”text/css”> #error-404 { border: 20px solid #1B1B1B; 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>

————————————————————————————————————————-

• Hit Save button, that all you done it

• Then View your blog => put wrong URL like https://yourblog.blogspot.com/wrongurl=> enter

• You will see the error message

• That all you have created 404 error pages for your blogger blogspot website

• • Also see For blog beginner: How to create free blog in blogger blogspot website.
  • Also see: How to Generate XML Sitemap for BlogSpot or any Blogger Blog
  • Also see: How to submit blogspot website to Google search console

• Also See: How to set custom domain for Blogger BlogSpot website
• Also see: How to Enable robots.txt in Blogger.com for blogspot website
• Also see: How to set Free domain For your Blogger blogspot website
• Also see: “How to submit Blogger blogspot URL to Bing webmaster”
• Also see: How to Remove Footer credits links from Free Premium blogger template without redirect

Next: we see how to create custom redirection for your Blogspot website to any of your custom website

Your page may be broken or deleted, that time custom redirect helps to visitor visit custom pages.

In this tutorial we are going to see how to create custom redirects for your blogspot website. You can create two types of redirection

A 302 redirect means that the page has moved temporarily. A 301 redirect means that a page has moved to a new location permanently. Use the 301 redirect to your blog deleted or changed the URL of your post. In most instances, the 301 redirects are always recommended for SEO because it will pass the link of your custom page and visitors also will get benefit from this.

301 is not suitable when you change your custom-domain, because it only supports redirection within the same blog, not to an external URL

How to create custom redirection:

• Login to your blogger.com dashboard, which you want to create custom url redirection

• Go to settings => search preferences => see error and redirections => Click edit on CUSTOM Redirection

• Paste the URL followed by “/your page.html”

• Provide from and to URL (source and destination)

• Click Save it

• You just check your pages. It will automatically redirect to your custom pages.

• • Also see For blog beginner: How to create free blog in blogger blogspot website.
  • Also see: How to Generate XML Sitemap for BlogSpot or any Blogger Blog
  • Also see: How to submit blogspot website to Google search console

• Also See: How to set custom domain for Blogger BlogSpot website
• Also see: How to Enable robots.txt in Blogger.com for blogspot website
• Also see: How to set Free domain For your Blogger blogspot website
• Also see: “How to submit Blogger blogspot URL to Bing webmaster”
• Also see: How to Remove Footer credits links from Free Premium blogger template without redirect