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
Post a Comment