Como editar pagina de error 404 en blogger

La pagina de error comúnmente conocida es la Error 404 pagina no encontrada es la que aparece cuand...

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!

COMMENTS

BLOGGER: 2
Loading...
Nombre

3D Angry Birds Articulos blogger Branding Colores Comic Concurso Creativo CSS Descargas Diseño Diseño Grafico Diseño web Efecto Eps Espacio negativo Estilo de Capas Extensiones Facebook Featured Posts Flat Design Fondos Fondos de Pantalla Fotografia Fotomanipulaciones Frases Fuente Galeria Geek Gif Gratis HTML5 Iconos Illustrator Ilustracion Infografias Inspiracion Invitaciones IOS 7 Isnpiracion Keep Calm And Carry On Ley de Tercios Leyes de Gestalt Logos Long Shadow Mapa de navegación Minimalista Mockups Motivos Multimedia Navidad Packaging Pasto Patterns Photoshop Pinceles Plantillas PNG Portafolio Posters Powerpoint Psd Puntos Aureos Recursos Responsive design Retro Seo Set de Iconos Set de Imagenes Storyboard SVG Tarjetas Tarjetas de presentacion Teoria Teoria del color Teoria del Diseño Textura themes Tipografías Tipogrfia Tutoriales UI UX Vectores Videos Vintage Wordpress Zombies
false
ltr
item
Jhon Urbano: Como editar pagina de error 404 en blogger
Como editar pagina de error 404 en blogger
http://3.bp.blogspot.com/-FNvTBIOkQOs/UapOc9-DpeI/AAAAAAAAPnc/eXhBklVoTPc/s640/juerror404.png
http://3.bp.blogspot.com/-FNvTBIOkQOs/UapOc9-DpeI/AAAAAAAAPnc/eXhBklVoTPc/s72-c/juerror404.png
Jhon Urbano
http://www.jhonurbano.com/2013/06/como-editar-pagina-de-error-404-en.html
http://www.jhonurbano.com/
http://www.jhonurbano.com/
http://www.jhonurbano.com/2013/06/como-editar-pagina-de-error-404-en.html
true
4736861666122585118
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy