Welcome, you are in internetguru7 blog Ramadan Kareem !

How To Create A Custom Error 404 Page Not Found On Blogger

Its really bad when i visitor visit your blog and gets “ ERROR 404 PAGE NOT FOUND “ , To be realistic this fault can happen for many reasons and this mistake make the visitor angry . So after following the steps on this article you will be able to fabricate a custom error 404 page not found if god is willing .

Tutorial :

So lets start .
Go to your blogger dashboard >> Settings >> Search preferences .
How To Create A Custom Error 404 Page Not Found On Blogger
Search preferences

Then click on Custom Page Not Found EDIT and a blank box will appear , on this box you need to put a simple message to be shown on Non-existing page .
How To Create A Custom Error 404 Page Not Found On Blogger
Custom Page Not Found

So add this HTML code to this box
<div class="pagefound">
<div class="links">
<h2>Our bad, page not found!</h2>
<h3>You can visit one of these pages</h3>
<li><a href="URL">Write here</a></li>
<li><a href="URL">Write Here</a></li>
<li><a href="URL">Write Here</a></li>

Replace URL with the URL of the page you want and change Write Here with any text you want .

Now we finish from the first Part so lets start the second one : 

Go to Blogger dashboard >> Template >> Customize >> Advanced >> Add CSS .
 You will see a Blank writing place .

.status-msg-border {visibility: hidden; }
.pagefound {
background-color: white;
background-image: url(Put your photo URL here);
height: 400px;
.links {
width: 80%;
margin: 0 auto;
position: relative;
top: 20%;
background: transparent;
.links h2 { padding-top: 3em; }
.links ul {
list-style: none;
padding-bottom: 3em;

Needful Notice : Don't forget to replace Put your photo URL here with an image URL .
And now you get rid from all those bad accidents .

Final Words : Enjoy this information and don't forget to share .


Post a Comment

Copyright © 2013 InternetGuru7 All Right Reserved