Skip to main content

How to add Redirect 404 Not Found Page to the Home Page in Blogger

How to add automotive redirect 404 Not Found Page to the Home Page with  Blogger setting for broken links by javascript code


Whenever someone goes on a web page that is either deleted or has no existence Blogger website usually displays its common 404 not found error message for broken links with simple Javascript code. “Sorry for the inconvenience, the page you are looking for has no existence”. The first impression counts more than anything. A person would never desire to display not-found error pages to his new visitors. Therefore, it is essential to redirect all 404 not found pages to the home page URL so users can easily get access to the content that is waiting for them. 
So we learn how to use this simple JavaScript code which does the job pretty nicely. 

How to add automotive redirect 404 Not Found Page to the Home Page with Blogger setting for broken links by javascript code Whenever a person lands on a web page that is either deleted or has no existence Blogger blogs usually display its common 404 not found error message for broken links. “Sorry for the inconvenience, the page you are looking for has no existence”. The first impression counts more than anything. A person would never desire to display not-found error pages to his new visitors. Therefore, it is essential to redirect all 404 not found pages to the home page URL so users can easily get access to the content that is waiting for them. Since Blogger does not support PHP, so we have to make use of JavaScript which does the job pretty nicely. Therefore, today in this article, we will learn How to Redirect All 404 Not Found Pages to the Homepage in Blogger. How to add Redirect 404 Not Found Page to the Home Page in Blogger Before, we get on with our tutorial. Let us first discuss the true definition of not-found pages. Most of the webmasters would be well aware of it but some beginners might get confused. Consider the following meaningful definition: 404 Pages: The 404 not found error message is a form of standard HTTP response code, which indicates to the client that the destination which he is looking for, is unable to interact with the server or has no existence. 301 Permanent Redirects: URL redirection, also known as URL redirecting is a technique that allows a webmaster to forward his one domain to another domain through URL redirection, or making different web pages available under many URLs Solution: Log in to Blogger: Access your Blogger dashboard using your Google account credentials. Navigate to Settings: Locate the "Settings" option in the Blogger interface. This might be found in a sidebar menu or similar location depending on the layout. Find "Errors and Redirects": Look for a section titled "Errors and Redirects" within the settings. Access "Custom 404": Within "Errors and Redirects," you should find an option labeled "Custom 404" or similar. Click on it to edit the custom 404 page settings. Paste the Redirect Code: Here, you'll need to paste a code snippet that facilitates the redirect. You can find this code by searching online for "Blogger 404 redirect code." Here's a general idea of the code structure: Sorry for the inconvenience, the page you are looking for has no existence.<script type = "text/javascript"> //Blogger 404 Redirect Powered by Blogger Coding Tips BSPNF_redirect = setTimeout(function() { location.pathname= "/" }, 1000); </script>
How to add Redirect 404 Not Found Page to the Home Page in Blogger


first, you must learn two main about redirect page messages


404 Pages: The 404 not found error message of Blogspot.com is a form of standard HTTP response code, which indicates to the client that the destination which he is looking for, is unable to interact with the server or has no existence. 

301 Permanent Redirects:  URL redirection, also known as URL redirecting is a technique that allows a webmaster to forward his one domain to another domain through URL redirection, or making different web pages available under many URLs

Solution:

Log in to Blogger:

Access your Blogger dashboard using your Google account credentials.

Navigate to Settings:

Locate the "Settings" option in the Blogger interface. This might be found in a sidebar menu or similar location depending on the layout.
Find "Errors and Redirects": Look for a section titled "Errors and Redirects" within the settings.
Access "Custom 404": Within "Errors and Redirects," you should find an option labeled "Custom 404" or similar. Click on it to edit the custom 404 page settings.

Paste the Redirect Code: 

Here, you'll need to paste a code snippet that facilitates the redirect. You can find this code by searching online for "Blogger 404 redirect code." Here's a general idea of the JS code:

Sorry for the inconvenience, the page you are looking for has no existence.<script type = "text/javascript">
//Blogger 404 Redirect Powered by Blogger Coding Tips
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 1000);
</script> 
Labels:

Comments

Post a Comment

Popular posts from this blog

Simple free calorie calculator BMR TDEE basal metabolic rate counter

Simple free calorie calculator BMR TDEE basal metabolic rate counter Have you ever wondered how many calories your body burns just by existing? That's where your Basal Metabolic Rate (BMR) comes in – the foundation for understanding your daily energy needs. But calculating BMR can feel like a scientific equation. Here's where BMR calculator tools come to the rescue! Simple free calorie calculator BMR TDEE basal metabolic rate counter What is a BMR Calculator Tool? An online BMR calculator is a user-friendly tool that estimates your Basal Metabolic Rate based on factors like age, weight, height, and gender. Simply input your information, click calculate, and voila! You'll have a personalized BMR estimate. Why is BMR Important? BMR is a crucial metric for anyone looking to manage their weight. It represents the minimum number of calories your body burns at rest to maintain vital functions. Knowing your BMR helps you: Set realistic weight loss/gain goals: By understanding you...
Post a Comment
Read more

How to add a responsive code box in the blogger post clipboard copy button

How to add a stylish responsive code box in blogger post clipboard copy button In this post of Blogger coding tips , you learn how to create a code box for a blogger blogspot post clipboard that prevents visitors from copying code by using HTML, CSS, and JavaScript.  How to add a responsive code box in the blogger post clipboard copy button 1. Create HTML of blogger code box: Open the HTML view for your Blogger post and create the structure for your code box. Include a <pre> tag for the code and a button for copying. <div class="code-box">     <pre class="code">         <!-- Your code goes here -->     </pre>     <button class="copy-button" onclick="copyCode()">Copy Code</button> </div> 2. Code box Style with CSS: Add some styles to make your code box responsive and visually appealing. You can place the following styles in your post's CSS section or use inline styles within the HTM...
Post a Comment
Read more