Páginas 404 personalizadas de erro para o Blogger

"O 404 ou mensagem de erro não encontrado é um código de resposta HTTP padrão indicando que o cliente foi capaz de se comunicar com o servidor, mas o servidor não pôde encontrar o que foi solicitado." Em palavras simples a página que será exibida quando a página real não é encontrado é chamado de uma página de erro 404. Até agora a página de erro do Blogger era um projeto bom e velho com mais de laranja nele e não foi personalizável. Agora páginas de erro do Blogger usar o mesmo modelo. Isso ajudaria a designers de template em fazer-se tutorial Pages.This 404 personalizada irá ajudá-lo na criação de uma página de erro 404 personalizada para o seu Blog.

Por padrão, a página de erro do Blogger irá exibir esta mensagem de erro

Você pode mudar esta mensagem para outra coisa a partir das definições do Blogger.

A opção está lá em Configurações > preferências de Pesquisa > não página personalizada encontrados

Se você quer mais do que apenas uma mensagem, então teremos que preencher esta área de texto com um código HTML .. Isto é como a minha página de erro Parece

Instruções

1. Entre na sua conta do Blogger e vá para o Modelo de página e vá para Editar HTML
2. Clique no Expandir modelos de widgets Caixa de seleção para que o seu modelo inteiro vem
3. Agora Procure por </ head> e imediatamente antes que cole esse trecho

   <b:if cond='data:blog.pageType == "error_page"'>
   <style type="text/css">
   . Status-msg-wrap {
       font-size: 100%;
       margin: none;
       posição: estático;
       largura: 100%;
   }
   . Estado msg-border-{
       display: none
   }
   . Status-msg-corpo {
       padding: none;
       posição: estático;
       text-align: herdar;
       largura: 100%;
       z-index: auto;
   }
   . Status-msg-wrap a {
       padding: none;
       text-decoration: herdar;
   }
   </ Style>
   </ B: if>

   Este trecho de código irá redefinir o estilo padrão dado ao Wrapper Mensagem Blogger.
4. Salve o modelo e ir para uma página em seu blog, que não existe.
5. Você deve ser capaz de ver a mudança agora. O fundo cinza e borda em torno da mensagem de status 404 já não seria lá.
6. Agora vamos ver como podemos melhorar a aparência de nossa página 404. Eu sugiro que você use estilos inline CSS para melhorar a aparência do seu message.Here 404 é um modelo de exemplo HTML que você pode colar na caixa de texto em preferências de Pesquisa > página personalizado não encontrado.

   <h3> Sua página solicitada não foi encontrada </ h3>
   <p> Desculpe, não podemos encontrar a página que você está procurando. Ela pode ter sido removida, teve seu nome alterado ou está temporariamente indisponível. <br/>
   Por favor, verifique se o endereço do site está escrito corretamente. </ P>
   <b> Outras coisas para se tentar: </ b> <br/>
   <ul>
   <li> Vá para nossa home page <a href="/"> </ a>, e usar os menus ou links para navegar para um posto específico. </ li>
   <li>
   <form method="get" action="/search">
   <table width="100%">
   <tr>
   <td> <input type = "text" style = "width: 95%; padding: 2px;" value = "Pesquisar este blog .." onfocus = "if (this.value ==" Pesquisar neste blog .. ") {this.value =" "}" onblur = "if (this.value ==" ") {this.value = "Pesquisar neste blog ...";} "name =" q "> </ td>
   <td> <input type="button" Value="Search"> </ td>
   </ Tr>
   </ Table>
   </ Form>
   </ Li>
   </ Ul>

7. Ele lhe dará algo semelhante à minha página 404.
8. Se você for criativo, você pode adicionar mais coisas para os 404 páginas. Você pode encontrar uma lista de realmente criativos 404 páginas HongKiat de inspiração

Detectando uma página de erro

Blogger introduziu um novo tipo de página chamado "error_page" e você pode detectá-lo usando b: se as tags condicionais.

A condição a seguir verifica se uma página é uma página de erro ou não.

<b:if cond='data:blog.pageType == "error_page"'>
Esta é uma página de erro
</ B: if>

Alterar o título da página de erro

Por padrão, o título da página de erro do Blogger é o título do blog. Se você quiser mudá-lo para outra coisa, você pode editar o seu modelo e mudar

<title> <data:blog.pageTitle/> </ title>

para

<b:if cond='data:blog.pageType == "error_page"'>
Página <title> não encontrado </ title>
<b:else/>
<title> <data:blog.pageTitle/> </ title>
</ B: if>

Se você estiver usando meu hack Title Tag ou derivados do que está disponível na internet, então você vai ter que mudar

<-! Iniciar www.bloggerplugins.org: Alterar o título de tag Blogger ->
<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>
<- Fim www.bloggerplugins.org:! Alterar o Tag Título do Blogger ->

para

<-! Iniciar www.bloggerplugins.org: Alterar o título de tag Blogger ->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title> <data:blog.pageTitle/> </ title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
Página <title> não encontrado </ title>
<b:else/>
<title> <data:blog.pageName/> <b:if cond='data:blog.pageName'> - </ b: if> <data:blog.title/> </ title>
</ B: if>
</ B: if>
<- Fim www.bloggerplugins.org:! Alterar o Tag Título do Blogger ->