How To Upgrade Your 404 Non Constitute Page Inward Blogger

You must locomote known to 404 mistake pages, they present upwards when a visitor cease upwards visiting a page or URL that is either broken or no longer exists. Therefore, having a useful 404 mistake page could locomote handy inward improving your sales as well as non making a dead-end for your users. You tin give the sack ameliorate your 404 page, past times providing some options or laid of instructions to visitors to function around. In this article, nosotros volition present you lot how to ameliorate your 404 non flora page inward blogger, hence that you lot tin give the sack brand your 404 mistake page non exclusively useful but engaging equally well.

How 404 Error Page looks similar inward Blogger?

Let’s locomote honest, earlier landing on this posts you lot convey e'er ignored your 404 mistake page non because you lot don’t wish it to ameliorate but it just lacks interests. Check out the screenshot below that shows how a default blogger 404 page looks like:

The inward a higher house screenshot clearly shows that it is non a useful 404 page.  As a user yourself, you lot abhor when an mistake pops upwards that doesn’t convey whatever means to function around?

The same means you lot necessitate to assist your users past times providing them some laid of options that they tin give the sack exercise to discovery the relevant theme that they are looking for. You tin give the sack assist them to discovery precisely the correct page past times providing a search might on your 404 page as well as lots of creative things that you lot tin give the sack do.

How to Customize your 404 Page inward Blogger:

The real showtime thing you lot tin give the sack exercise to brand your 404 page useful for your users it to customize it amongst your ain creativity. Go to Blogger >> Search engine Preference >> Custom Page Not Found.

We convey already covered how to exercise a custom 404 page inward blogger hence locomote certain to read that resources equally well.  You tin give the sack sure enough utilisation this characteristic to add together useful tools as well as elements similar a search engine, accomplish widget, recent posts as well as etc.

This volition assist your visitors to hold off for the best fit, according to their interests.

Display Search Widget on 404 Page:

To display a search widget on your 404 page, just glue the next slice of coding inward “Custom Page Not Found” inward blogger settings.  Once done you lot convey to brand your ain Custom CSS to back upwards the means of your template.

<form method='get'>
<div id='search'>
<div class='search'>
<input id='s' name='q' onblur='if (this.value == &#39;&#39;) {this.value = &#39;Search the site&#39;;}' onfocus='if (this.value == &#39;Search the site&#39;) {this.value = &#39;&#39;;}' type='text' value='Search the site'/>
<input id='button' style='vertical-align: top;' type='submit' value='Search!'/>
</div></div>
</form>

If you lot are already using a custom search widget, hence it volition automatically inherit CSS from your default search engine.

Display Recent Posts on 404 Page: 

The method is 1 time to a greater extent than the same, you lot necessitate to glue the next code inward blogger settings inward the place nosotros convey mentioned above. This volition just displays recent posts on your 404 page.

<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />
 <script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script>
  <script type='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
  <script type="text/javascript" src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script> 

You tin give the sack become inward hold off to a greater extent than attractive past times applying CSS according to your wish needs.

Display Popular Posts on 404 Page:

In the past times nosotros convey already showed you lot how to display pop posts on your sidebar. However, hither nosotros are showing how you lot tin give the sack add together them inward your 404 page equally well. The method is the same equally nosotros convey told above, just glue the next code inward “Custom Page Not Found” inward blogger settings.

<script type="text/javascript">
utilisation getYpipePP(feed) {
 document.write('<ol style="">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to withdraw comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ol>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.yourwebsiteurl.com/
 &ShowHowMany=10
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:right;"><a href="https://inyourpocketnow.blogspot.com//search?q=custom-404-not-found-page-for-blogger">Make your own</a></span>

We promise this article would convey helped you lot inward making your 404 page to a greater extent than useful  and engaging inward Blogger. No thing you lot are beginners or an skillful experience gratuitous to function around amongst code as well as utilisation your inventiveness to brand your 404 page attractive.

We convey some pre-made attractive 404 non flora page blueprint for blogger hence that you lot tin give the sack just re-create as well as glue inward your site.