Skip to main content

How To Set Custom Error 404 Page In Blogger Blog ?

A custom 404 page appears when someone visits a broken or deleted link on your website. Setting a proper 404 page improves user experience and keeps visitors on your site.

If you are using , follow these steps.

  • Step 1: Log in to Blogger - Open your Blogger dashboard.
  • Step 2: Go to Settings -Click on Settings from the left sidebar.
  • Step 3: Scroll to Errors and Redirects - Find the Errors and Redirects section.
  • Step 4: Click on Custom 404
  • Step 5: Add Your Custom Message - Write your custom HTML message. 

Example:
<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.0000001s 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>👇</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 does not exist on this blog!<br>You will be redirected to the homepage soon!
</h3>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 7000);
</script>

  • Step 6: Click Save.

Your custom 404 page is now active.

Why Custom 404 Page Is Important

  • Reduces bounce rate
  • Improves user experience
  • Keeps visitors on your blog
  • Helps with SEO

Setting a custom 404 page in Blogger is simple but very important. It ensures that visitors don’t leave your site when they land on a broken link.

Now your Blogger blog has a professional custom error 404 page.

Comments