how to redirect 404 error page to homepage in blogger | TechJan - Beginner's Guide for WordPress | Blogging | YouTube | SEO

how to redirect 404 error page to homepage in blogger

In any website, we should have 404! page. 404! or “Page not found” Page is very important. In the post, we will learn how to add custom 404! the page on blogger.

Page redirect


In any website, we should have 404! page. 404! or “Page not found” Page is very important. In the post, we will learn how to add custom 404! the page on blogger.

404! or “Page not found” page so very important because when someone types a wrong URL or Clicked on a removed post, URL then they should know that it is an invalid link.

Now this day every new Blogger template contains a 404! page. But we do not go to talk about that because Blogger gives us a place to add custom 404! page why we should no use it for our profit?

At this bottom of this post, I will give you a link to our custom 404! page code. The Code is very special when someone visits on your 404! after 0.8 seconds it will redirect him to your home page.

The plus point of this code is considered someone clicked at your one of the deleted page/post. When they will be redirected to our custom 404! page after some seconds he will be redirected to your home page. When he will redirect your home page and he will find some interesting post on your site he shortly going to visit those post. It will definitely increase your site views.


Step By Step Redirect 404 Error Page To Homepage In Blogger


To add custom 404! not found you have to the steps shown below.
  • To your blogger dashboard.
  •  settings.



  • Search preference and where you can find.
  • Custom page not found.

  • in the side of this option, you can find edit option click on it. a new text box will appear Copy and pest this code in this box from below.
  • click on save the change.
  • now you can check your blog by putting a wrong URL.
  • in the side of this option, you can find edit option click on it.
  • a new text box will appear Copy and pest this code in this box from below.
  • click on save the change.
  • now you can check your blog by putting a wrong URL.


Code Box:


<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>

COMMENTS

BLOGGER: 4
  1. Waw Techjan i was so happy to land on your blog when i was searching for 404 redirect to homepage. Honestly speaking your website and my website shares the same template. this is my website www.newsrock.com.ng 

    It is a news and tech site. I will also like to enlongate friendship with you Thank

    ReplyDelete
    Replies
    1. If you have benefited from reading our article then we have found this article helpful. Hope you stay with us all the time.

      Delete
  2. I also have a good news for you, your website ROCK

    ReplyDelete

Name

404-redirect,1,5 Best Free,1,Ad Networks,1,Add-Custom-Domain,1,Adsense,9,Adsense Account Without A Website,1,adsense approval,1,Adsense Approval Trick,1,Adsense Disabled Protect,1,adsense invalid click,1,Advanced Excel Keyboard Shortcuts,1,Affiliate Marketing,1,AMP,1,android,6,Android Extensions,1,Android Games,1,android root,1,Android software,2,android software review,2,Android Tips and Tricks,2,artificial intelligence,1,barcode,1,Best-Web-Hosting,1,bitcoin mining,1,Blockchain,1,Blocked Facebook Friends,1,blog,1,Blogger,7,Blogging,2,blogspot-to-.com,1,Bluehost,3,Boost Download Speed,1,Boost Revenue,1,Brain-computer,1,CD,1,Change Domain Name,1,Change Permalinks,1,Chrome,1,Chrome Extensions,1,Chrome Web Store,1,CloudFlare,1,CNAME,1,Command Prompt,1,Computer,17,computer hard disk,1,Computer Processors,1,Computer Tips and tricks,4,Copyright Match Tool,1,Core i3 i5 i7,1,Create a Website,1,Create Free Website,1,Credit Card,1,Cryptocurrency,1,Dark Web,1,Debit Card,1,Deep Web,1,Delete Facebook Account,1,DNS,1,Domain,10,Domain Name,1,Domain Redirects,1,Domain Registrar,2,Domain Search,1,domain search bluehost,1,domain transfer,1,DVD,1,E-commerce,2,eCommerce,1,Email,1,Ethical Hacking,1,Facebook,2,facebook friends block,1,Firewall,2,Firewall Types,1,Forgot Password,1,Free SSL Certificate,1,Freelance,1,Freelancer,1,Freelancing,1,Games,1,games review,1,Gmail,2,Gmail Password Recovery,1,GoDaddy,2,google,2,Google Ads,1,google adsense,4,Google Analytics,1,google chrome,1,Google PageSpeed Insights,1,Google Public DNS,1,Google Search Console,1,Google Site Kit,1,Google Webmaster,2,Hacking,1,Hacking Operating System,1,Hang Mobile Phone,1,History of YouTube,1,Hosted,1,Hostgator,1,Hosting,1,Hosting Review,1,How to,6,How-to,8,HTML Sitemap,1,Instagram,1,install WordPress Plugins,1,internet,2,IoT,1,IP,1,IP address,2,IP Address Block Website,1,IPv4 and IPv6,1,kernel,1,Keyboard,1,Keyword Density,1,Launcher,1,Linux,2,Linux kernel,1,Linux software install,1,localhost,1,Login URL,1,LTD Domain,1,Make Money,2,Make Money Online,1,Make Website,1,Make-Money,1,Marketplace,1,McAfee,1,McAfee SECURE,1,Migrate Website,1,Namecheap,2,Niche Research,1,Non-Hosted,1,Not Use Free Hosting,1,Nova Launcher,1,On-Page SEO,1,Operating System,2,Other,1,password,1,Password Recovery,1,Payoneer,1,Personal Blog,1,Photos Sell,1,Photos Sell Online,1,Plugins & Tools,1,Prepaid Debit Card,1,Prepaid mastercard,1,Protect Adsense Account,1,QR code,1,QR code generator,1,Quantum Computer,2,Quick Tech,1,Recover Data CD,1,remote shutdown,1,Reset Password,1,Revenue from YouTube,1,Samsung FRP,1,Samsung FRP Unlock,1,Scan With Phone,1,Science technology,2,Search Engine Optimization,1,Search Ranking Factors,1,Security,1,SEO,9,SEO Tips,1,Shopping Cart,1,Shortcuts Formula,1,software,2,Speed Optimization,1,SSL,2,SSL Certificate,1,Started Blogging,1,Steem,1,steemit,1,supercomputer,1,Tech News,2,TechLife,1,Transfer Ownership,1,Transfer Domain,2,Twitter,1,URL Shorteners,1,Video Download,1,Virtual Private Network,1,VPN,1,Weak password,1,Web Hosting Reviews,1,Web-Hosting,3,Webmaster Tools,1,website,6,Website Migrate,1,Website Performance,1,Website SEO,1,Website Transfer,1,Windows,2,Windows 10,5,Windows 10 Updates,1,Windows 7,1,Windows Firewall,1,woocommerce,1,woocommerce Plugin,1,WordPress,17,WordPress Contacts,1,WordPress gig,1,WordPress Performance,1,WordPress Plugin,3,WordPress Plugins,9,WordPress Security,1,WordPress series,1,wordpress software,1,xampp,1,Yoast SEO,1,Youtube,9,YouTube Ads,2,YouTube Community Guideline,1,YouTube Founder,1,YouTube Monetization,1,YouTube Monitization,2,YouTube Monitization Update,1,YouTube Update,1,
ltr
item
TechJan - Beginner's Guide for WordPress | Blogging | YouTube | SEO: how to redirect 404 error page to homepage in blogger
how to redirect 404 error page to homepage in blogger
In any website, we should have 404! page. 404! or “Page not found” Page is very important. In the post, we will learn how to add custom 404! the page on blogger.
https://1.bp.blogspot.com/-09vY_Bn7p0w/XGViwarl_MI/AAAAAAAAA98/C1_zm_KU19UvbfVho-wbnYlVQSH14UarACLcBGAs/s1600/404-not-found.jpg
https://1.bp.blogspot.com/-09vY_Bn7p0w/XGViwarl_MI/AAAAAAAAA98/C1_zm_KU19UvbfVho-wbnYlVQSH14UarACLcBGAs/s72-c/404-not-found.jpg
TechJan - Beginner's Guide for WordPress | Blogging | YouTube | SEO
http://www.techjan.com/2019/02/how-to-redirect-404-error-page-to-homepage-in-blogger.html
http://www.techjan.com/
http://www.techjan.com/
http://www.techjan.com/2019/02/how-to-redirect-404-error-page-to-homepage-in-blogger.html
true
8495828319631418252
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy