Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Added Custom Error 404 in Blogger

Adding Custom Error 404 on Blogger - It would be less good if users who visit your blog and get 404 or page errors are not found. This can happen for a variety of reasons such as typo URLs, index issues or searched pages that have been removed by the blog manager. In this article, I will show you how to add a special 404 error page to your blog.

What is Error 404?


Error 404 is a page not found on a web and a server. 

Here's how to add 404 Custom Error in blogger : 

1. Go to your Blogger> Click Template> Edit html> Add code below above code

if cond='data:blog.pageType == "error_page"'>
style type='text/css'>
/* CSS Error 404 */
#oopss{background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;left:0}#error-text{top:30%;position:relative;font-size:40px;color:#eee}#error-text a{color:#eee}#error-text a:hover{color:#fff}#error-text p{color:#eee;margin:70px 0 0}#error-text i{margin-left:10px}#error-text p.hmpg{margin:40px 0 0}#error-text span{position:relative;background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px}#error-text span:hover{background:#d7401f;color:#fff;-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s}#error-text span:after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;margin-left:-7px}.back:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);background:#f53b3b;color:#fff}.back:hover{background:#4c4c4c;color:#fff}.back{text-decoration:none;background:#5b5a5a;color:#fff;padding:


This post first appeared on AR Blogger Lab, please read the originial post: here

Share the post

Added Custom Error 404 in Blogger

×

Subscribe to Ar Blogger Lab

Get updates delivered right to your inbox!

Thank you for your subscription

×