Todos sabemos que por el momento no podemos generar nuestras paginas 404 en Blogger, pero ayer, leyendo esta entrada de Vagabundia, se me ocurrió que podía usar estos nuevos condicionales que aparecen de repente en nuestras paginas para generar una pagina que se muestra siempre que se realice una búsqueda en mi blog y no se obtenga resultado. Para verla solo debéis realizar una búsqueda de una palabra extraña o inventada en mi buscador.



El condicional que he usado es el que indica que el número de post es igual a 0

<b:if cond='data:numPosts == 0'>
Aquí código...
</b:if>

En mi caso, por el momento, he decidido insertar la imagen que os he mostrado mas arriba, si la pulsas te llevara a la pagina inicial del blog.

Este seria el código para hacerlo

<b:if cond='data:numPosts == 0'>
<a href='URL DE TU BLOG'><img src='URL DE LA IMAGEN' style='display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;'/></a>
</b:if>


Para insertar este código, editáis vuestra plantilla, expandís artilugios, buscáis <!-- navigation --> y lo pegáis justo antes. No he hecho pruebas con una plantilla minima pero debe funcionar.

Esto solo es una sugerencia, podéis insertar texto y ofrecer realizar una nueva búsqueda.

<b:if cond='data:numPosts == 0'>
Me parece que lo que buscas no se encuentra ¿porque no realizas otra búsqueda?
<form action='/search' method='get'>
<input class='texto' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Buscar...&quot;;' onfocus='if (this.value == &quot;Buscar...&quot;) this.value = &quot;&quot;;' type='text' value='Buscar...'/>
</form>
</b:if>

Todo esto, evidentemente, podemos estilizarlo creando una clase y añadiéndosela al código.

.error {
font-size: 150%;
font-style: bold;
color: #cc0000;
etc....
}
<b:if cond='data:numPosts == 0'>
<div class='error'>
Me parece que lo que buscas no se encuentra ¿porque no realizas otra búsqueda?
<form action='/search' method='get'>
<input class='texto' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Buscar...&quot;;' onfocus='if (this.value == &quot;Buscar...&quot;) this.value = &quot;&quot;;' type='text' value='Buscar...'/>
</form>
</div>
</b:if>


En definitiva podemos simular una página 404 en vez de mostrar el cartel de Blogger...ninguna consulta....
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también

13 comentarios:

  1. Pizcos: GRA-CIAS.

    Estuve un tiempo intentando algo como esto, también con condicionales, pero por otro lado, y, obviamente, no daba con la tecla y lo di por imposible. Bendito numPosts...

    Eres un crack.

    ResponderEliminar
  2. Hola:)

    Me gustaría poder ponerme este pequeño truco que comentas, me podrías decir donde hay más imágenes de este tipo?

    Mi otra pregunta (aunque no esté muy relacionada)es si es posible crear u ocultar el blog sin redireccionarlo, a una página de construcción?

    Estoy liada ahora con una plantilla de pruebas y quisiera que cuando llegue el momento de implementarla, dejar un aviso o mensaje a los usuarios de que está en mantenimiento o algo parecido.

    Gracias y saludos:)

    ResponderEliminar
  3. Bencuom, primero piensa que te imagen te gustaria usar (yo pense alguien tirandose de los pelos) y luego en Google imagenes, bing, deviantart puedes encontrar alguna que se ajuste ☺☺☺

    ResponderEliminar
  4. Gracias Pizcos, no se me había ocurrido hacerlo como dices lo miraré:)

    ResponderEliminar
  5. Genial :D , he probado el código que incluye la imagen y me ha quedado funcionando a la perfección, muchas gracias por esta opción. Excelente contenido el que siempre compartes

    ResponderEliminar
  6. PERO y si uso un blog de blogspot pero con dominio publico? si se puede poner una pagina404?

    ResponderEliminar
  7. perdon no era dominio publico sino "dominio propio"

    ResponderEliminar
  8. nEJo si te refieres a que tienes un nombre propio de dominio e incluso si tienes alojamiento propio, sigue las instrucciones de esta entrada para lograrlo...

    ResponderEliminar
  9. no me refiero a este tuto, me referia aque aunque tenga dominio porpio comprado en blogger no puedo poner un mensaje personalizado en lugar del mensaje de 404 error de blogger, sera posible hacer eso? o yçno puedo

    ResponderEliminar
  10. nEjO salvo qu tengas tu propio servidor, no puedes hacer eso...

    ResponderEliminar
  11. Buena noche, tengo una pregunta, ojalá me pudieran ayudar si es posible.

    ¿Alguien sabe cómo puedo cambiar el típico mensaje "Resultados de la búsqueda de" en blogger al hacer una búsqueda?. Me gustaría sustituirlo por uno más personalizado pero no sé si -en primera- es posible, -y segunda- cómo se realiza.

    Gracias por su atención, saludos.

    ResponderEliminar
  12. Alonso se podria cambiar de color, fuente etc, pero modifcar el mensaje no, pero yo te recomendaria que hicieses esto que viene en esta entrada
    http://ciudadblogger.com/2010/07/breadcrumbs-en-blogger.html

    ResponderEliminar
  13. Lo revisaré, gracias por la ayuda.

    Saludos.

    ResponderEliminar