Skip to main content

Customize/Redirect Custom Page not Found in Blogger

     Today , I am writing on 2 topics in the same post which are mutually related to each other . Some people wants to show custom 404 error message and some of them wants to redirect their traffic to homepage or other URL . This can be achieve when you follow below guide/tutorial completely . I added both type of custom 404 page handling techniques which are
1. Custom 404 page with navigation links and
2. Redirection to homepage technique .

     Both of the techniques are widely used but most preferred one is first technique . The season being that in 2 redirection technique your visitors doesn't know that you have an error ,. Because the time limit for redirection is only 5 seconds.
Read: Related Post Widget For Bloggers.

What is a 404 error page .

     Its a page that shows . A error message when your server doesn't find a url pointing to valid webpage of your website. Its good to show custom 404 error so that a visitor knows whats the cause for that error.

Steps to customize bloggers 404 error page.

1. Go to Blogger.com >>
2. Go to Settings >>
3. Go to Search Preferences >>
4. Click on Custom Page Not Found under Errors and Redirection section .
5. Now click on edit button and a box will open and you have to paste one of the 2 below codes.

OPTION 1 : custom 404 page blogger

<!-- INFIBLOGGER 404 error Page -->
<p style='line-height:
28px'><b>
<font size='6' color='#ff0009'>
Ooops! </font>
<font color='#666667'>
The page you are looking doesn't exists . <br />
Kindly do one of the
followings:</font>
</b></p>
<ol style='line-height: 24px'>
<li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>
<li>Go To Homepage by <a href='YOUR HOMEPAGE URL'>Clicking
Here</a>
<br /></li>
<li>Search THIS WEBSITE Using Below custom Search Box</li>
</ol>
<br />
<center>
<form _lpchecked='1' action='/search' class='search-
form' id='search_mini_form' method='get'>
<input id='searchinput' name='q' onblur='if (this.value ==
&apos;&apos;) {this.value =
&apos;Type Here & Hit
Enter&apos;;}' onfocus='if
(this.value == &apos;Search the
site&apos;) {this.value =
&apos;&apos;;}' type='text' value='Type Here & Hit Enter' />
<input id='searchbutton' style='vertical-align: top;' type='submit' value='Search!' />
</form>
</center>
<p>
<br />
<br />
<br /></p>
<p align='center'>
<font size='6'>Page Not Found!</ font>
</p>
<br /> <br /> <br />
<p align='center'>
<font style='font-size:160px; font-
weight:bold;' color='red'> 404 error </ font>
</p>
<style>
.status-msg-wrap {
margin: 0px;
font-size: 99%;
width: 99%;
position: static;
} .status-msg-border {
display: none
} .status-msg-body {
text-align: inherit;
position: static;
z-index: auto;
padding: 0px;
width: 99%;
} .status-msg-wrap a {
text-decoration: inherit;
padding: 0px;
} #sidebar-wrapper,
#midsidebar- wrapper,
.gapad2,
.blog-pager,
.post-header-line-1,
.post-footer,
#rsidebar-wrapper {
display: none !important;
} #main- wrapper {
width: 97% !important;
} .post {
width: 97% !important;
} #searchinput {
background: #FFF url (http: //1.bp.blogspot.com/-DqsSIdDHoXE/UC7emvfWcII/AAAAAAAAAwo/X7HUuvC4oBs/s000/search.png) no-repeat 8px 9px;
background-color: #FEE;
display: inline-block;
border: 1px solid blue;
color: #A0A0A;
font-weight: bold;
font-family: arial;
width: 310px;
height: 22px;
margin-top: 4px;
vertical-align: top;
font-size: 14px;
padding: 4px 12px 4px 24px;
margin: 0px;
} #searchinput:hover {
border: 2px solid #bebebe;
box-shadow: 0 1px 2px rgba(5,
95, 255, .1);
padding: 5px 15px 5px 28px;
} #searchbutton {
color: #fff;
background: #444;
height: 35px;
box-shadow: 1px 2px 1px 1px # ABABAB;
border-radius: 4px 4px 4px 4px;
border: 2px solid #fff;
padding: 9px;
margin-top: 4px;
} #searchbutton:hover {
background: #555;
}
</style>
6. Replace ” YOUR  HOMEPAGE URL HERE ” with your
blog’s  ADDRESS.
7. Click on SAVE CHANGES & You are Done.

OPTION 2 : Redirect 404 Error Page ( Page Not Found ) to Homepage in Blogger

Just copy and paste below JavaScript  code .
<b> Sorry, the page you're looking for in this
blog does not exist.
You will be redirected to homepage
shortly. </b>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function()
{
location. pathname= "/ "
}, 4999);
</script>
6. Customization :
1.   The 4999 value in above script is the time taken by your webpage to redirect you to your homepage .
2. If you want to redirect 404 error page to custom link , then just replace pathname with href and "/" with your custom link other than your blog's homepage .
7. Save these and you will see redirection of 404 page to your homepage after 5 seconds.

Pro Blogger tip :

     Use option 1 for custom 404 error page and at the end of option one code just add JavaScript of option code . Be sure to modify time limit from 4999 to 9999 . So that your users have 10 seconds to read your error message .

Comments

Popular posts from this blog

Submit your Business Website to 100 Free Search Engines | SEM | add url for free

Friends, the first step to off page SEO is URL submission. This step is mandatory because search engines do not know about your sites. So whenever you publish a new blog or website please submit your site to top search engines.
      Here you will get free search engine submission sites list to add URL to all search engines. You can use URL submitter to submit your site in one click but it will be good if you manually do URL submission. The reason for manually submitting your site is keywords. If you use URL submitter then you will not able to provide exact keywords to all search engines. 
     So do a free web submission by using top 100 search engines which are listed below. You don't need to register for submitting your Homepage Links in all major search engines. Example: In google you can directly add your site's address for free.
     The need for doing search engine submission is to get organic traffic + backlinks to your website from all major search engines. Yes,  …

How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

SEO that is search engine optimization is a vital part of marketing your blogger blog. Blogspot blogs are well known for fully optimized but still need some tweaks in the templates like swapping of blogger/blogspot Title for higher search results. Bloggers blog are fully optimized because these are Google's blog and everyone knows Google defines the algorithms and rules for search engine optimization. When I check my template I found everything is well managed like heading tags, blog titles, blockquotes, backlinks( no follow if links are external), comment links are no follow, and many more tweaks are done in google's blogger.

Read: 7 Seo friendly Template edits for Blogger Blogs.

     Today we are giving a way to SEO Optimize your Blogger's blog post titles. Swapping blog titles can give your higher search visibility, higher click through rates, and boost in your search engine rankings. If you ask a SEO expert about post titles then he will tell you how important ar…

22+ Social Bookmarking Sites List Without Registration | Working

Social bookmarking sites are very helpful in gaining quality backlinks no matter they are no follow or do follow ones, but they are of very good quality and high Page Rank.



      These sites gives you boost in traffic and also help you in better search engine rankings(SEO benefit ) without doing any user registration. 
     However, some people tried to get back links of do follow type and then their balance of dofollow vs nofollow  backlinks becomes unstable. In this case when you have more do follow back links as compared to  no follow ones, a manual review of backlink profile is done by google's anti-spam team.
     So its better if you create both dofollow and no follow backlinks to your site. So I am giving you below a list of dofollow social bookmarking site for 2020-2021(Updated). 
     Register there and start optimizing social sites. Don't start spamming because these sites are trusted ones. In future they can help you in many ways, so its better to run your account,…

Top 100 forum sites list in india

Forums are the best way of generating quality backlinks and to make a online business successful. In India we should have quality backlinks from Indian forums to get Indian business, that's why I decided to create a list of 100+ do-follow forum sites which are based in India and have high Page Rank and domain authority. These sites have 90% of Indian traffic, so it is easy to target Indian traffic for free.
      We also have list of forums which are USA and UK based. In this post I created a list in 4 parts, 1st part consist of SEO related forums, 2nd contains forums of webmaster, 3rd is of gaming type forums and 4th is for chatting and discussion forums. I hope you will get appropriate forum for developing your business and niche. Feel free to comment below if these sites helps you.

Related:
Social Bookmarking Sites List Without RegistrationDofollow social bookmarking sites listDofollow Photo Sharing Sites100 Top Indian Classified sites

55+ list of SEO related forums. http://w…