1:23:00 PM
Get
tutorial about How to Create Custom 404 Error Pages for Blogger because when
you delete any post or page its show 404 error message. When you search post in
blogger and if this post didn't find then it will show error message like
Sorry, the page you were looking for in this blog does not exist", because
its show default template that are shown by blogger.
You can change this template at your
blogger dashboard anytime. You can set your own 404 template for 404 Error
pages. This will improved your blog more stylish and professional.
How to Create 404 Page
You can create custom 404 Error page
easily with follow below steps:
Step 1
Log in into Blogger Dashboard.
Step 2
Go to Setting and click on Search
Preference as shown in below picture.
Step 3
Click on Edit link on Custom page not
found.
Step 4
Copy and paste below code into this
box.
<style
type="text/css"> #error-404 { border: 20px solid #1B1B1B;
border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px;
text-align: center; transition: all 0.8s ease 0s; width: 240px; }
#error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29;
font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading {
font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; }
.status-msg-bg { background-color: transparent; } .sidebar-wrapper,
.page-header { display: none; } .main-wrapper { margin-right: 0; }
.outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; }
</style> <div id="error-404"> <span>404</span>
</div> <h1 class="large-heading" style="text-align: center;">Page not found.</h1> <h2 class="light-heading" style="text-align: center;">Sorry, the page you were looking for in this blog does not exist..</h2><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.haakblog.com/2013/07/create-custom-404-error-pages-blogger.html" target="_blank" title="Custom 404 Page">Custom 404 Page</a></div>
Step 5
Click on Save Changes.
No comments
Post a Comment