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.

¿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)'>« 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 == "Buscar en el blog...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Buscar en el blog...";}" 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!