When someone clicks on a Broken Link or a Deleted Link on your Blog, your blog display a 404 Error Message and by default it looks like this as shown below.
But have you ever wonder how irritating it would feel to a visitor on your blog when it simply says "Sorry, the page you were looking for in this blog does not exist." It looks quite ugly and also you will not be able to identify broken links on your Blog and remove it as you don't ask your visitors to report it to you. This creates a negative impression in the minds of visitors about your Blog. I know you won't like this to happen.
So in order to prevent this you need to create your own 404 Error Page that looks professional and remember that it should contain a link by which visitors can report the broken/deleted links to you, so that you can remove them.
Creating a own 404 Error Page is very easy. Just follow these simple steps and you will be able to create a professional 404 Error Page for your Blog.
1. Login to your Blogger Dashboard and select the Blog for which you want to create a 404 Error Page.
2. Now click on the Settings Tab and then select Search preferences.
3. Now click on "Edit" link next to "[Not Set]" text.
.jpg)
4. Now copy the following codes and paste it into the box that appears on clicking "Edit" as shown below.
<div class='PublicSpirit-404-box'>
<p style='line-height: 30px'><strong>
<font color='#ff0000' size='6'> Oops! </font> <font color='#666666' size='3'>
Looks like you either clicked on a broken link or a page that no more exit in this Website. Kindly do one of the following:
</font></strong></p>
<ol style='line-height: 25px'>
1.<b><a href='javascript:history.go(-1)'>« Go Back</a></b>
<br>2.Report the problem to us by <b><a href="http://thepublicspirit.blogspot.in/2012/08/contact-us.html">Contacting Us</a></b></br>
(<em>This will help us trace the loop and also serve you even better</em>)
<br>3.Go To Homepage by <b><a href="http://thepublicspirit.blogspot.com">Clicking Here</a></b> <br/></li> </ol> <p> <br/> <br/> <br/></p> <p align='center'><font color='#088A08' style='font-size: 150px'><strong>404</strong></font></p>
<p> </p> <p align='center'/>
<p align='center'><font size='5'>Page Not Found!</font>
</p> </div>
* Note that you will have to edit those words in yellow colors and replace them with your blog URL.
Delete http://thepublicspirit.blogspot.in/2012/08/contact-us.html and replace it with a link to your Blog Contact Page and also delete http://thepublicspirit.blogspot.com and replace it with a link to your homepage.
5. Now click on Save changes Button.
That's it. Now View your 404 Error Page by going to a URL that does not exist on your Blog.
Like in my case when I go to "http://thepublicspirit.blogspot.com/sfgsfsfsd" the following page appears as shown below.
But have you ever wonder how irritating it would feel to a visitor on your blog when it simply says "Sorry, the page you were looking for in this blog does not exist." It looks quite ugly and also you will not be able to identify broken links on your Blog and remove it as you don't ask your visitors to report it to you. This creates a negative impression in the minds of visitors about your Blog. I know you won't like this to happen.
So in order to prevent this you need to create your own 404 Error Page that looks professional and remember that it should contain a link by which visitors can report the broken/deleted links to you, so that you can remove them.
Creating a own 404 Error Page is very easy. Just follow these simple steps and you will be able to create a professional 404 Error Page for your Blog.
1. Login to your Blogger Dashboard and select the Blog for which you want to create a 404 Error Page.
2. Now click on the Settings Tab and then select Search preferences.
3. Now click on "Edit" link next to "[Not Set]" text.
.jpg)
4. Now copy the following codes and paste it into the box that appears on clicking "Edit" as shown below.
<div class='PublicSpirit-404-box'>
<p style='line-height: 30px'><strong>
<font color='#ff0000' size='6'> Oops! </font> <font color='#666666' size='3'>
Looks like you either clicked on a broken link or a page that no more exit in this Website. Kindly do one of the following:
</font></strong></p>
<ol style='line-height: 25px'>
1.<b><a href='javascript:history.go(-1)'>« Go Back</a></b>
<br>2.Report the problem to us by <b><a href="http://thepublicspirit.blogspot.in/2012/08/contact-us.html">Contacting Us</a></b></br>
(<em>This will help us trace the loop and also serve you even better</em>)
<br>3.Go To Homepage by <b><a href="http://thepublicspirit.blogspot.com">Clicking Here</a></b> <br/></li> </ol> <p> <br/> <br/> <br/></p> <p align='center'><font color='#088A08' style='font-size: 150px'><strong>404</strong></font></p>
<p> </p> <p align='center'/>
<p align='center'><font size='5'>Page Not Found!</font>
</p> </div>
* Note that you will have to edit those words in yellow colors and replace them with your blog URL.
Delete http://thepublicspirit.blogspot.in/2012/08/contact-us.html and replace it with a link to your Blog Contact Page and also delete http://thepublicspirit.blogspot.com and replace it with a link to your homepage.
5. Now click on Save changes Button.
That's it. Now View your 404 Error Page by going to a URL that does not exist on your Blog.
Like in my case when I go to "http://thepublicspirit.blogspot.com/sfgsfsfsd" the following page appears as shown below.
Posts
No comments:
Post a Comment