CUSTOMIZE ERROR 404 NOT FOUND PAGE FOR BLOGGER
CUSTOMIZE ERROR 404 NOT FOUND PAGE FOR BLOGGER – How to customize error 404 page for blogspot. This 404 page work for blogs that use a domain that has been used previously by others. There are some previous pages that have been indexed by Google but now no longer exist. Readers who have clicked the page will be forwarded to a 404 error page.
 |
| customize error 404 not found page |
So that the reader does not immediately leave our blog then it would be useful to customize this error 404 page not found. For more information, please read the tutorial instructions below.
CUSTOMIZE ERROR 404 PAGE FOR BLOGGER
1. Go to dashboard > Setting > Search Preferences > Error and Redirections
 |
| customize 404 error page |
2. Klick edit on Custom Page Not Found and paste code below :
<div style='background: transparent;
color:#CFC3B7;border: 5px solid #FF7A00;border-radius: 10px;padding:20px;margin:30px;text-align:center;'>
<img src="http://3.bp.blogspot.com/-2VqjbVaBtpg/UN-hhAxUvxI/AAAAAAAABHQ/1f9W0kUcSO4/s1600/Error-404-not-found.png"/>
<h2>Page Not Found</h2>
<h3>We couldn't find the page</h3>
<p>Sorry, but the page you were looking for is not here. It appears you've missed your intended destination, either through a bad or outdated link. But, we're glad you're here! Please try searching the site archives below.</p>
<h3>Please Search in This Form</h3>
<div id='Your_search_box_style'>
<form action='/search' id='Your_search-form_style' method='get' target='_top'>
<input id='Your_search-form_style' name='q' placeholder='type here' type='text'/>
<button id='Your_search-button_style' type='submit'><span>Search</span></button>
</form>
</div>
3. Then klick Save Changes
ScreenShot Demo for my custom error 404 page:
 |
| demo error 404 page |
You also can customize the title of this error 404 page :
1. Go to Template > Edit HTML > Proceed
2. Paste this code below, after <head>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found | <data:blog.title/></title>
</b:if>
3. Then klick Save Template
Thanks for reading this tutorial CUSTOMIZE ERROR 404 NOT FOUND PAGE FOR BLOGGER , I hope this can be useful for you . Happy blogging
