Ayumilove WordPress Theme 404 Error Page Upgrade

Remember the old 404 error page that you use to encounter on my page?
It isn’t really helpful to visitors and this same applies to me.
So I spent few hours customizing error page to make it more helpful and useful for us!
If you are interested on how I did upgrade, check the steps below:

Getting Started!

To replace Default 404 Error Page, I installed Ask Apache Google 404 (AA Google 404). It is a sweet and simple plugin that takes over the handling of any HTTP Errors that your blog has from time to time. The most common type of error is when a page cannot be found, due to a bad link, mistyped URL, etc..

This plugin uses AJAX code, Google Search API’S, and a few tricks to display a very helpful and Search-Engine Optimized Error Page. The default displays Google Search Results for images, news, blogs, videos, web, custom search engine, and your own site. It also searches for part of the requested filename that was not found, but it attaches your domain to the search for SEO and greater results.

Installing AskApache Google 404

1. Download AskApache Google 404.
2. Upload it to your FTP and extract into /public_html/wp-content/plugins
3. Activate the plugin from your Dashboard Plugin Section.
4. Return to the FTP section, visit AskApache Google 404 Folder, edit the 404.php
5. Remove get_sidebar(); line and save.

Customizing Ask Apache Google 404 Settings

1. Visit Ask Apache Google 404 Settings from your wordpress dashboard.

General Tab

1. Enable Plugin to handle 404s, immediately
2. Enable 404.php Template File public_html//wp-content//plugins//askapache-google-404//404.php
3. Optional – You can enable Show Google AJAX Search (Requires Google API Key)
4. Optional – You can enable Track Errors with Google Analytics (Requires Google Analytic Key)
5. Optional – You can enable Google AdSense Ad on Search (Requires Adsense Publisher ID)
6. Display preview 404 error page.

404 Output Options

1. Optional – Enable Show Google 404 Helper
2. Optional – Enable Show Recent Posts (Set number of Recent Posts to be displayed)
3. Enable Show Related Posts (Set number of Related Posts to be displayed)
4. Optional – Show Popular Tag on Cloud (Set number of Tags to be displayed)

Customize your CSS Editor

Add the header tags into Ask Apache Google 404 CSS Section to avoid conflicting with WordPress Theme.

.error404 h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	letter-spacing:-0.05em;
	font-family:Verdana;
   color:#000;
}
.error404 h1 {font-size:170%;}
.error404 h2 {font-size:150%;}
.error404 h3 {font-size:120%;}


.error404 h1 {
	display:block;
	margin-top:10px;
	border-bottom:1px solid #CCC;
	padding:0 5px 3px;
}
.error404 h1 a.title {
	text-decoration:none;
	color:#4C4C4C;
}
.error404 h1 a.title:hover {
	color:#00F;
}
.error404 h1 .act a {
	font-weight:normal;
}
.error404 h2 {
	display:block;
	margin-top:10px;
	/*border-bottom:1px solid #CCC;*/
	padding:0 5px 3px;
	/*font-size:16px;*/
	font-family:Verdana,"BitStream vera Sans";
}
.error404 h2 a.title {
	text-decoration:none;
	color:#4C4C4C;
}
.error404 h2 a.title:hover {
	color:#00F;
}
.error404 h2 .act a {
	font-weight:normal;
}
.error404 h3{
	display:block;
	margin-top:10px;
	padding:0 3px 3px;
        text-decoration:underline;
	color:#000 ;
}

Customize HTML Editor

I have commented out the %tag_cloud% and %google_helper% since I do not have any use of them.
This same applies to g404ajax. I you wish to use them, remove the comment statement!

Oops! %error_title%

Sorry, I can't find the page you are looking for. This may be due to mistyped URL, faulty referral or out-of-date search engine listing. Try the following links provided below to see whether it matches what you are searching. Or perhaps you can perform another search using the search box at the top right corner.

Useful Links

Related Posts

%related_posts%

Recent Posts

%recent_posts%

Leave a Reply

Your email address will not be published. Required fields are marked *