Skip to main content

Custom 404 Error Pages for Blogger

Blogger Error page will display this error message
custom 404 page for blogger
You can Change this message to something else from the Blogger Settings.
The option is there at Settings > Search preferences > Custom Page not Found
blogger-custom-404-message

Instructions

  1. Login to your Blogger account and go to the Template page and proceed to Edit HTML
  2. Click on the Expand Widget Templates Check box so that your entire template comes up
  3. Now Look for </head> and immediately before that paste this snippet
    <b:if cond='data:blog.pageType == "error_page"'>
<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;
}
</style>
</b:if>
    This code snippet will reset the default styling given to the Blogger Message Wrapper.
  4. Save the template and go to a page on your blog which doesn’t exist.
  5. You should be able to see the change now. The grey background and the border around the 404 status message would no longer be there.
  6. Now Let’s see how we can improve the look and feel of our 404 page. I would suggest you to use inline CSS styles to improve the look and Feel of your 404 message.Here is a sample HTML template which you can paste into the text box atSearch preferences > Custom Page not Found.
    <h3>Your requested page was not found</h3>
<p>Sorry, we cannot find the page that you are looking for. It might have been removed, had its name changed, or is temporarily unavailable.<br/>
Please check that the Web site address is spelled correctly.</p>
<b>Other things to try:</b><br/>
<ul>
<li>Go to our <a href="/">home page</a>, and use the menus or links to navigate to a specific post.</li>
<li>
<form method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;padding:2px;" value="Search this blog.." onfocus="if (this.value == &quot;Search this blog..&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q"></td>
<td><input type="button" Value="Search"></td>
</tr>
</table>
</form>
</li>
</ul>
  7. It will give you something similar to my 404 page.
  8. If you are creative, you can add more stuff to the 404 pages. You can find a list of really creative 404 pages on HongKiat for inspiration

Detecting an Error Page

Blogger has introduced a new page type called "error_page" and you can detect it using b:if conditional tags.
The following condition checks if a page is an error page or not.
<b:if cond='data:blog.pageType == "error_page"'>
This is an Error Page
</b:if>

Changing the Error Page Title

By default the title of the Blogger Error Page is your Blog Title. If you want to change it to something else, you can Edit your template and change
<title><data:blog.pageTitle/></title>
to
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
If you are using my Title Tag Hack or derivatives of that available on the internet, then you will have to change
<!-- Start  -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> - </b:if><data:blog.title/></title>
</b:if>
<!-- End –>
to
<!-- Start -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> - </b:if><data:blog.title/></title>
</b:if>
</b:if>
<!-- End –>
Labels:

Comments

Post a Comment

Popular posts from this blog

Zomi: Who They Are

Zomi Total population ca. 2,500,000 Languages Various Kuki , Mizo , Chin , Naga , Paite Religion Christianity , Animism , Buddhism , Laipian Related ethnic groups Naga , Meitei , Hmar , Mizo , Kuki Zomi [1] is the name of a major tribe found in various parts of South and South East Asia. The term Zomi meaning, Zo People [2] is derived from the generic name 'Zo', the progenitor of the Zomi. They are found in northwestern Myanmar, northeastern India and Bangladesh. Anthropologists classify them as Tibeto-Burman speaking member of the Mongoloid race. In the past they were little known by this racial nomenclature. They were known by the non-tribal plain peoples of Myanmar, Bangladesh and India as Chin, Kuki, or Lushai. Subsequently the British employed these terms to christen those 'wild hill tribes' living in the "un-admiral. They are Zomi not because they live in the highlands or hills, but are Zomi and call the...
2 comments
Read more

CHIN, ZOMI, MIZO, ZO cihtawh kisai Debate

CHIN, ZOMI, MIZO, ZO cih minvai tawh kisai India gam aom ih mipihte kikupna, Debate bawlna hi. Sausimsim in alunglut velvelte bekin atawpdong simzo bekding hi. This is the outcome of the debate about our nomenclatures like Chin-Kuki-Mizo-Zomi on FaceBook – Zolengthe Group. The debate Vaphual shows that every one of us clearly know who we are – We are Zo, but some opined that Kuki nomenclature should be used as it is recognised nationaly and internationally. This is the starting point of the debate: Dear friends, MIZO=ZOMI, then is it something like both side of a coin? If it is so, then there is no chance of sitting under one administrative umbrella. Another Point: Mizo or Zomi ~ Which one should be the right word? I know You will say both. But according to Pu T. Gougin, Founder President of Zomi National Congress, “The land come first and then the people” therefore, it should be Zo… Mi….. that means Zo = Land and Mi = People. He further argued that MIZO is a wrong word; ...
Post a Comment
Read more

Dr. Chin Do Kham Tangthu

Dr. Chin Do Kham Biography Education     Scholar in Residence for Ph.D. Educational Studies Program at Trinity International University, Chicago, USA, May 2003-August 2005.D., Intercultural Studies, Trinity Evangelical Divinity School of Trinity International University, Chicago, 1998.Min.(Doctor of Ministry in Pastoral Leadership), Oral Roberts University, Tulsa, OK, 1994.Special Study Program at Jerusalem Center for Biblical Studies, Israel, 1996. Educational Administrative and Teaching Experiences Adjunct Professor of Missions and Leadership at Myanmar Evangelical Graduate School of Theology (MEGST), Myanmar since Fall 2008 to PresentAssociate Adjunct Professor of Graduate School of Theology at Global University, Springfield, MO, USA 1996-present.Professor and Director of M.A. Missions Program and taught Leadership and Missions courses for M.A./M.Div./D.Min. courses at Oral Roberts University (2006-2008)Dean of Students and Professor of Missions/Leadership at Asia Pacific T...
Post a Comment
Read more