Que tal adicionar uma elegante página de erro 404 para o seu blog? Eu tornei isso muito simples para que você possa faze-lo. Agora se apresse e adicione no seu blog!

O que é o Erro 404?

Erro 404 ou em inglês (404 Error), é a resposta de uma requisição ao servidor dizendo que a página em questão não foi encontrada (File Not found).

O que significa o número 404?

O primeiro número quatro indica duas coisas: ou o endereço do site não existe mais ou ele está truncado.
O zero indica um erro de ortografia.
o último quatro indica acesso não autorizado.


Veja o exemplo [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Bem agora que você já sabe o que é erro 404, vamos ao trabalho de inserir uma pagina de erro 404 no seu blog

Como criar página de erro 404 no Blogger?

Basta seguir as instruções:

1. Acesse [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e entre com seu usuário e senha.
2. Clique no nome de seu blog.
3. Acesse a opção “Configurações” / “Preferências de pesquisa”.
4. Clique em “Editar” ao lado de “Página não encontrada personalizada”.
5. Cole o código abaixo no espaço em branco

Código:

<h1><a href='/'>Erro 404</a></h1>
<h2>Oops! Provavelmente a página que você estava procurando não exista ou tenha sido removida. Desculpe! Por favor volte a página anterior ou <a href='/'>clique aqui para retornar a página inicial</a></h2>
<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;
}
* { margin, padding: 0; }
body {
background: #474747 url(bg.png);
margin: 70px;
}
h1 a {
display: block; text-decoration: none;
font: 140px Helvetica, Arial, Sans-Serif; letter-spacing: -5px;
text-align: center;
color: #999; text-shadow: 0px 3px 8px #2a2a2a;
}
  h1 a:hover {
  color: #a0a0a0; text-shadow: 0px 5px 8px #2a2a2a;
  }
h2 {
font: 60px Tahoma, Helvetica, Arial, Sans-Serif;
text-align: center;
color: #222; text-shadow: 0px 2px 3px #555;
}
#sidebar-wrapper, #blog-pager, #header, #footer, nav, .blog-feeds, .footer-outer,  .tabs-outer, .column-right-outer {
    display: none;
    }
</style>

Pronto!