Designed for Blogger 404 error page

Today Blogger update adds many features so strongly about SEO. First is the Meta Description tag (want to add it before we have declared in the template), the corresponding command is data: blog.metaDescription. What I appreciate most is the Meta Description tag can be placed respectively in each article, this new feature introduced but not forthcoming article in the settings. 2nd feature is easy to add rel = "nofollow" target = "_blank" to link the card. Feature 3 is easy to add alt, title for the image. And finally, the long-awaited features: Create 404 error page.

To show the error of your template must have a function and function <b:include data='top' name='status-message'/> must be invoked. As you know, most of the current template has been modified to remove this function. In this article I will guide you to customize the display to be notified when the article was not found in search results and page not found error (404). Message will not appear when accessing Labels, Post Older ...

 Add the following code on the card <b:includable id='main' var='top'> in your template:

<b:if cond='data:numPosts == 0'>
 <data:navMessage/>
</b:if>

 Basically here is finished. The message only appears when the number of posts on your blog page is now at 0. That is when the search does not show the results or page access does not exist (404).

To design for your 404 to Settings → Search Options. As for the error and redirect select Edit and write the message you want to display (supports all HTML code) or use the following code to display the same demo blog:

<img alt='404' width='590' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfLMcFsC2VZkQQuv3wHiQuVfbCLCu2FbSrN0zuI59ya5Z41pXDgTcnJldFAr5K4D7aPCsWxa5d6VDT5YoWz8Xq2PEtyy3TPAScpX2TXzSs78LpQ30V9LFu_ekHXsri6EfPUHrvSmz878g/s590/404.png' height='399'/>

 Design is just suggestive, please express your creativity in the design of 404 error page!