La pagina de error comúnmente conocida es la Error 404 pagina no encontrada es la que aparece cuando el usuario hace clic en un enlace de alguna pagina que ha sido eliminada del contenido del sitio. Aunque errores en un sitio web pueden ser muchos, en blogger el mas común es el Error 404. En la actualidad hay una gran cantidad de sitios que ha personalizado sus paginas de error de una forma creativa, haciendo de este error una oportunidad para que el usuario siga navegando en su sitio y no se valla decepcionado de no haber encontrado lo que buscaba.

En esta oportunidad quiero enseñar a crear una efectiva pagina de error 404, que aunque en blogger no es muy difícil de hacer, lo importante será la creatividad al elaborar la imagen de error.
editar 404

¿Por que es importante?

si un usuario sigue un enlace hacia una pagina que ya no existe en el blog, esté podrá llegar a pensar que nuestra pagina tiene mucho contenido eliminado. Pero si tenemos una pagina personalizada el usuario podrá ver que el blog no esta descuidado y que de el se cuida cada detalle y hasta seguirá buscando, tal vez no encuentre lo que buscaba pero será una visita mas duradera y tal vez mas frecuente.

Editar la pagina de error


Realmente en blogger la pagina de error ya esta creada, se presenta en una caja de texto en color gris diciendo "La página que estabas buscando en este blog no existe":

En esta ocasión lo que vamos a hacer es a editarla a nuestro gusto.

Para ello vamos al escritorio de blogger> Seleccionamos el blog > vamos la pestaña de 'Configuración' > seleccionamos la opción 'Preferencias para motores de búsqueda', luego vamos a la caja que vemos a continuación:



En la caja de 'Mensaje de pagina no encontrada personalizada' vamos a colocar lo que queramos.  Pero para que de mejores resultados colocaremos el siguiente código para que se vea así : jhonurbano.com/404


<p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'> Oops! </font> <font color='#666666'>Algo salió mal </font></strong></p>

La página que estas buscando ya no se encuentra. 
<div style=' background'><a href="#" ><img   src="imagen de error" /></a></div>

<p>Lo sentimos, no podemos encontrar la página que busca.  Puede ser que haya sido eliminada, haya cambiado de nombre o no esté disponible temporalmente.</p>
</br></br> 
Por favor, compruebe que la dirección del sitio web está bien escrita o intenta alguna de estas opciones:

<li><a href='javascript:history.go(-1)'>&#171; Ir atrás </a> </li>
<li>  Reporta el problema haciendo  <a href=mailto:micorreo@gmail.com'>Clic aquí para </a> para dejar tu mensaje </li>
<li>Ir al inicio <a href='http://www.jhonurbano.com/'>Click aquí</a><br/></li> 

<li>Busca de nuevo: 
<form method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;padding:2px;" value="Buscar en el blog..." onfocus="if (this.value == &quot;Buscar en el blog...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Buscar en el blog...&quot;;}" name="q"></td>
<td><input type="button" Value="Suerte!"></td>
</tr>
</table>
</form>
</li>


Y listo!, ya tienes una pagina de error mas usable y a tu gusto.

¡No olvides dejar tu comentario!