Custom 404 page for blogger

             
             Custom 404 error page and custom redirect  is a simple and effective one for bloggers , provided by Google. In which we can use our own backgrounds or styles to make your blog more effective and style.If you are a professional blogger then you will sure make use of this option..! If you are new to blogging don't worry let me help you to make it in your own style.



                       

Redirecting to Home Page

                        So here it comes you can use simple javascript to redirect the user to home page by setting timer and also you can provide stylish background with some notification.

• Log in to you blogger blog
• Navigate to Settings > Search Preference [left side]
• Now click on "Set" button in 'Custom Page Not found' option below Errors and redirection heading..
• Here we are going to write a simple Js script to redirect the user automatically to home page..!

<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
},10000);
</script>

                

                Where 10000 represents milliseconds .. so 10000 milliSec = 10 Sec. If you want to reduce the waiting time then change it to 5000=5sec..

                So if like to notify them then you can add the text at the end or beginning..

<span style="color: red;"><b>Oops</b></span> you landed wrongly...<br>
<b>We redirecting to our home page</b>....

              If text in not good enough you can also use image here. Check out the below code, if you like to change the timing and background replace the colored links.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibNfTumaWD01FZ-5pyCs0gWW-3-QUQte-FuehjYYL0Yqsl5brmlr5QfGeV0HlXEULrmYr2d9gtwuj0HPOcHhsP18Py27a4tnGx8SgGnbLaQnd4F4-3EaY-LJs1Y2f3hpFZWNM6iPuqp24/s1600/how+redirect+blogger+blog+url+to+another+blog.JPG"/>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
},10000);
</script>

• Copy paste the above code in custom page & save it.
• You can check it by going to http://your-domain.com/404 or anything that it not existing in your blog. http://your-domain.com/404

              

  Like Us on Facebook for more updates