How To Create 404 Error Page In Blogger Blog

By Default Error Message

How To Create 404 Error Page In Blogger Blog

Remember Notes:

How To Change Title For 404 Error Page? 

  • Go To Blogger > Settings > Search Preferences
  • Click on Edit Link Near To : Custom Page Not Found
  • Paste Given Below Code In Empty Box
  • You Can Replace The Red Highlighted Texts With Your Own
  • Replace Yellow Highlighted URL’s With Your Contact and Home Page Respectively.
  • Click On Save Changes Button
  • Now Go to Template > Edit HTML > Proceed
  • Search For This ]]></b:skin>
  • Just Below It Paste The Following Code:
  • Save Your Blogger Template and Its All Done
  • Now You Can Check Your Blog Page Error At:
  • Go to Blogger Dashboard >> Template >> Edit HTML > Proceed
  • Now Check The Box Of Expand Widget Template.
  • Now Search For The Following Code:
  • Now Just Below It, Add The Given Code
  • Now your error page title is set as your blog’s title, but you can edit your title by editing the following line in the code:
  • Now, Save Your Template & Visit Your Blog.

<div class=’BlogsDaddy-404-Page’>
  <p style=’line-height: 30px’><strong>
<font color=’#ff0000′ size=’5′>
Not Found..Sorry!
</font> <font color=’#666666′>We cannot find the page that you are looking for. It might have been removed, had its name changed, or is temporarily unavailable.Please check that the Web site address is spelled correctly.Please do one of the followings:</font></strong></p>
  <ol style=’line-height: 25px’>
    <li><a href=’javascript:history.go(-1)’>&#171; Go Back</a> </li>
    <li>Report The Issue To Us By <a href=’http://www.blogsdaddy.com/p/contact-us.html‘>Clicking Here</a>&#160;&#160;&#160; (<em>We are working hard to fix all the missing resources.</em>) </li>
    <li>Go To Homepage Via <a href=’http://www.blogsdaddy.com‘>Click Me</a>
      <br/></li>
  </ol>
  <p>
    <br/>
    <br/>
    <br/></p>
  <p align=’center’><font color=’#0080ff’ style=’font-size: 150px’><strong>404</strong></font></p>
  <p>&#160;</p>
  <p align=’center’/>
  <p align=’center’><font size=’5′>Page Not Found!</font></p>
</div> 

<b:if cond=’data:blog.pageType == &quot;error_page&quot;’>
<style type=’text/css’>
.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;
}
.BlogsDaddy-404-Page {
  background:#FFFFFF;
  width:98%;
  margin:10px 0px;
  padding:20px 10px;
  border:1px solid #ddd;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  box-shadow: 5px 5px 5px #CCCCCC;
}
</style>
</b:if>

http://yourblogurl.blogspot.com/blogsdaddy or http://yourblogurl.com/143

<b:include data=’blog’ name=’all-head-content’/>

<b:if cond=’data:blog.pageType == &quot;error_page&quot;’>
<title><data:blog.title/></title>
</b:if>

<title>WRITE 404 ERROR PAGE TITLE HERE</title>

404 ErrorWorth Reading:Note:To Change The Background Color Of The Box Edit #FFFFFF (Yellow Highlighted) Author – Live Demo

Subscribe
Subscribe