Você já deve ter ouvido falar sobre o erro 404 e não é nenhum código complexo, mas a simplificação de um erro comum na Internet que é “página não encontrada”. Às vezes pesquisando por algum assunto necessário você pode se deparar com essa mensagem de erro caso a publicação ao qual acessou estiver sido removida.
“O erro 404 é um código de resposta HTTP que indica que o cliente pôde comunicar com o servidor, mas ou o servidor não pôde encontrar o que foi pedido, ou foi configurado para não cumprir o pedido e não revelar a razão ou a página não existe mais. Eles não devem ser confundidos com outros erros nos quais uma conexão para o servidor de destino não pôde ser feita.” (Wikipedia)
No caso do blogger, essa mensagem também aparecerá caso um visitante acesse alguma postagem que você tenha excluído, ou por alguma outra razão pela qual a postagem não se encontre mais naquele endereço acessado. Nessa página de erro, aparecerá normalmente por padrão a mensagem a seguir.
 |
| Configuração padrão do Blogger |
Personalizando a página de erro 404
Nesse tutorial, informaremos uma maneira simples de personalizar essa página, deixando com um estilo que você desejar e que fique combinando com o design de seu blog. A maneira que utilizaremos será um pequeno código que formatará a página e irá inserir uma imagem que ficará no lugar da mensagem e, juntamente um link que direcionará para a página inicial de seu blog.
Caso quiser deixar mais a seu gosto, poderá também criar uma imagem em um editor de sua preferência para ser usada ou simplesmente baixar alguma imagem que você viu na internet e achou mais atraente. Não esquecendo que você também deverá hospedar a imagem em um servidor, pois usaremos apenas a url da mesma em nosso tutorial.
Como realizar o processo
A realização desse tutorial é bem simplificada e ainda você poderá se orientar pelas imagens para caso tenha alguma dúvida. Se você é daqueles que gostam de personalizar seu blog ao máximo, veja a seguir como é simples também esse procedimento.
1º Passo: Acesse seu blogger, vá em "Configurações" e depois "Preferências de pesquisa".
2º Passo: Em "Página não encontrada personalizada" clique em "Editar".
3º Passo: Dentro do campo que se abriu, cole o seguinte código:
<style type="text/css">
.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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrqspoauEDEibFksW4ZxWqY8cS5zO4wScUuqLpOoyIrZE1IArlV1StwwXPtMGFsz4DS4Ef81jFxrcjYvjBEOB8SCnQxZtuDktPEfkz2qm-2-uE4QRzfpBr3ZLVDarE69yXF6h2eZkAuc0/s1600/erro404.png" />
<span id='mns'><a href='http://ENDERECODOBLOG.com.br/'><< VOLTAR PARA A PÁGINA INICIAL</a></span>
</div>
Configuração
* Substitua o trecho destacado em VERMELHO pela url de seu blog.
* O trecho destacado em AZUL é a url da imagem, altere por outra caso desejar.
* O trecho destacado em LARANJA é a mensagem do link para a página inicial, altere caso desejar.
4º Passo: Clique em "Salvar alterações".
5º Passo: Acesse seu blog com uma página que não existe e veja o resultado.
Ex: http://www.ENDERECODOBLOG.com.br/erro
Concluindo
Falamos um pouco nesse tutorial sobre o erro 404 (página não encontrada) que acontece quando acessamos algum artigo que foi removido e recebemos uma mensagem da página nos informando do erro. Informamos uma maneira simples de como personalizar a página substituindo a mensagem padrão por uma imagem que mais agradar e poder ter um blog personalizado ao máximo em todas as partes. Se a realização do tutorial foi feita da maneira correta, sua página já estará configurada da maneira que você imaginou e desejou.
E você tem alguma experiência sobre a personalização da página de erro 404 no blogger? Gostou do resultado do tutorial em seu blog?
Deixe seu comentário, pois ele é a motivação para nosso trabalho.
Comentários