Learn How To Become a blogger ,Free Templates,Blogger Widgets, Blogger Gadgets,Blogger Tricks And Tips ,Download browsers,software,Net

Friday, August 10, 2012

Custom 404 Error Pages for Blogger

"The 404 or Not Found error message is a HTTP standard response code indicating that the client was able to communicate with the server, but the server could not find what was requested."

In simple words the page that will be displayed when the actual page is not found is called a 404 Error Page.

Our 404 page will prompt visitor that he has landed a wrong page and will provide him three important options which are:
  • Go Back to the page from where he came from. We will use JavaScript here.
  • Contact the Admin and inform him about the broken link. This will help you track broken links
  • And finally to provide a link to homepage.
So lets get to work to achieve all the above. Simply follow the easy steps below to display 404 error message uniquely.

 How to Install
  1. Go To draft.blogger.com > Settings > Search Preferences
  2. Click on Edit link next to : Custom Page Not Found
  3. Inside the box paste the following code: 
<p style="line-height: 30px"><strong><font color="#ff0000" size="5">       Oops!
 </font><font color="#666666">Looks like you either clicked a broken link or
 a Page that no more exits. Kindly do one of the followings: </font></strong>
 <ol style="line-height: 25px">
  <li><a href="javascript:history.go(-1)">« Go Back</a> </li>
  <li>Report the Problem to us by
  <a href="http://bloggertofree.blogspot.com/p/contact-us.html">Clicking Here</a>&nbsp;&nbsp;&nbsp; (<em>This
  will help us serve you even better</em>) </li>
  <li>Go To Homepage by <a href="http://bloggertofree.blogspot.com">Clicking
  Here</a> <br>
 <p align="center"><font style="font-size: 100px" color="#0080ff"><strong>404</strong></font></p>
 <p align="center"></p>
 <p align="center"><font size="5">Page Not Found!</font></p>
           Make these customizations:
  • You can edit the bolded texts with anything you like
  • Replace http://bloggertofree.blogspot.com/p/contact-us.html with link of your contact page
  • Replace http://bloggertofree.blogspot.com with your homepage link 


Post a Comment

Please do not spam Spam comments will be deleted immediately upon our review.

JeHad Hussein

Note: Only a member of this blog may post a comment.

Subscribe via email for free

Activate your subscription by clicking on the link in an email from Feedburner. We respect your privacy.

Most Popular


random topics


Are you looking for?

Become a Fan On Facebook!

Follow @Bloggertofree