Tutoriales Sobre Blogger: Crear una pagina de Error o 404

En este tutorial veremos como agregar una Pagina de Error o 404 para blogger. Muchas veces tenemos entradas que hemos eliminadas o enlaces mal redirigidos y quieres darle un poco de estilo a ese enlace malo, por eso esta entrada es para ti



Antes de comenzar veremos una Demostración:

Demostración

Comencemos:

• Paso 1: Vamos a Blogger>> Configuración >>Preferencias de Busquedas>>Mensaje de Pagina no Encontrada:
• Paso 2: Click en editar
• Paso 3: Pegamos las siguientes lineas

<h1><a href='/'>404 Not Found</a></h1>
<h2>Ups! Al parecer te encuentras en una Pagina inexistente.! Por favor, haga click en la flecha para volver a la Pagina de Inicio  <a href='/'>Click aquí para volver a Inicio</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: 150px 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: 70px 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 {
    display: none;
    }
</style>

• Paso 4: Guardamos los cambios

Listo ya tendremos nuestra pagina de Error edita con un lindo Aspecto 

Nota:-  Si quieres puedes personalizarlo cambiando el Texto en ROJO