How to Create Page 404 Page Not Found error for blogger

404 Page Not Found what? It is an error that can not find a superior user content requirements. For website / blog, when users go to a link in your site but the server can not find the content that they will be taken to a 404 error page so that they know and can return home or previously viewed page. Today BuzzBlogtips will guide you to create an error page for blogspot.

Here are the steps:

Step 1: In the blog admin page, go to the Template > Edit HTML.

Step 2: Insert the following code before the closing </ body> :

<! - Error Page Not Found -> 
<b: if cond = 'data: blog.pageType == "error_page"'> 
<style> 
# error-not-found {background: # ff0000 ; background: top center, radial-gradient--moz (center 40%, circle cover, # ff0000 0%, # 880 000 100%); background: top center, -webkit-gradient (radial, center 40%, 0, 40% center, 800, from (# ff0000), to (# 880 000)); text-align: center; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 270px; z-index: 999999; #} Error-not-found h1 {font-size: 640px! Important; position: absolute; font-family: Arial; top: 70px; left: 50%; letter-spacing: -8px; margin-left: -502px! important; width: 960px; z-index: -2; color: rgba (0,0,0, .09)! important; #} Error-not-found h2 {font-family: arial black; text-transform: normal; font-size: 35px; line-height: 66px! important; letter-spacing: -3px; color: #fff! important; margin: 0! important; padding: 0! important; #} Error-not-found pa, # error-not-found pa: visited, # error-not-found pa: hover {font-family: arial black; text-transform: normal; font-size: 20px; line-height: 40px! important; border: none; font-weight: bold; color: rgba (0,0,0, .5)! important; margin: 0! important; padding: 0! important; text-decoration: none! important; } </ Style> <div id = 'error-not-found'> <h1> 404 </ h1> <h2> KJ Magic </ h2> <h2> Page Not Found </ h2> <br/> < p> <a href='/' title='Tro chu'> page Back to home page </a> </ p> </ div> </ b: if> 
<! - / Error Page Not Found ->

Step 3: Save and view the results. You can check the error page by going to trial without a link in your blog. 

Example: http://yourblogurl / 404 (yourblogurl is your blog address).

I wish you success!

Share :

Tweet

Related Post