28 August 2016

How to Create Custom 404 Error Page in Blogger Blogs

Google can added up many new features to bloggers that helps us to keep our blogs more professional. Blogger can optimized their blogs more. It's one of the best feature is "Errors and Redirection" means 404 error page.

Some Helpful Tutorials :




image : How to Create Custom 404 Error Page in Blogger Blogs
How to create custom 404 error page for bloggers

In simple words, it provide to their users to setup a custom error page whenever your visitors visits any web page into your website and it not found, then this page will be shown to your readers.It is not a only effected your blog's SEO, but also defects users experiences.

As much professional your 404 error page, that keeps the good impression to your visitors. This page must be shown to your visitors, when they visiting a page or URL that is either broken link or no longer exists.

Therefore, having a useful and custom 404 error page could be providing a good impression to your readers, and increasing your leads, sales and not making a dead-end for your readers.

In blogger blogs or any other blogging platforms, by default webmaster sets a error 404 page but if you want to create a custom page for this error then this article is for you.

In custom 404 error page, we can adding up many other features for our readers and visitors who accidentally landing on your page that not exists.

You can customize this page as much as you want and adding their many options like contact us page, homepage URL, popular posts, search box, and many others.



Create Custom 404 Error Page in Blogger Blogs


Step 1 - First of all go to blogger.com site and sign in to your account.

image : blogger.com

Step 2 - Now select your blog and go to "Setting" option in the left sidebar, and then click on the "Custom Page Not Found" and click on "Edit" link.


image : How to Create Custom 404 Error Page in Blogger Blogs

Step 3 - Copy below code and paste it into the box.

<p style=’line-height: 30px’><strong>
<font color=’#ff0000′ size=’5′>
Oops!
</font> <font color=’#666666′>
SORRY ! ! ! It seems that you have been accidentally visiting or landing on this page which does not exists or may be moved to other place because you may have either clicked on a broken link or entered the wrong URL in the address bar. Right ๐Ÿ˜€ ??? <br/> </font></strong></p>
<ol style=’line-height: 25px’>
<li><a href=’javascript:history.go(-1)’>&#171; Go Back</a> </li>
<li>Report the Problem to us by <a href=’ENTER YOUR CONTACT PAGE URL HERE‘>Contacting Us Here</a>&#160;&#160;&#160; (<em>This will help us to serve you even better</em>) </li>
<li>Go To Homepage by <a href=’HOMEPAGE URL HERE‘>Clicking Here</a>
<br/></li>
</ol>
<br />
<h2 align=’center’><font size=’5′>Page Not Found!</font></h2>
<br />
<h1 align=’center’> <font style=’font-size:150px; font-weight:bold;’ color=’red’> 404 </font></h1>
<style>
.status-msg-wrap {
font-size: 100%;
margin: none;
position: static;
width: 100%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 100%;
z-index: auto;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer , #rsidebar-wrapper { display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style>
Step 4 - After copy / paste above code, simply click on "Save Changes" button.

image : How to Create Custom 404 Error Page in Blogger Blogs


NOTE THAT : 

This feature only valid with blogger default templates, but if you use some custom blogger templates then many times this is not working. 


You can change and customize this page as you want simply, change the Homepage red color URL with your blog URL and change the Contact page with your own. 
So I hope this will be help you to adding a custom 404 error page into your blogger blogs. I have worked and creating some unique, and professional looking 404 error page templates that helps you to create more custom and professional looking error page in many later tutorials. 

If you've any question in your mind then feel free to comment below and share it for support. 



Previous Post
Next Post

I'm Aamir Saleem, a professional blogger and SEO Consultant. I loves to write on blogging, SEO, Internet Marketing, Business, Social Media and Make Money Online. Connect Me Via !!!