Crear página de error 404 en Blogger

22 de marzo de 2012 246 comentarios ,
Ya todos saben que Blogger ha incluido nuevas opciones en la nueva interfaz de Blogger. Una de estas opciones es la posibilidad de crear un mensaje personalizado en las páginas de error. Es decir, en las páginas que no existen, de modo que si un usuario ingresa a una entrada eliminada o una dirección mal escrita de nuestro blog, aparecerá un mensaje personalizado.

Pero podemos ir un poco más allá y eliminar las sidebar y otros elementos en esas páginas de error para que sólo se muestre la cabecera y el mensaje personalizado, algo como esto:


O bien, haz click en este enlace que dirige a una página que no existe.

Lo primero, para que este mensaje de error pueda aparecer es necesario que tengamos en la plantilla el INCLUDE status-message, ese es el que se encarga de mostrar el mensaje de error (y otros mensajes).
Así que si anteriormente lo eliminaste para que no aparezca el mensaje "Mostrando entradas con la etiqueta..." tendrás que ponerlo nuevamente, de lo contrario el mensaje de error no se mostrará.
Por lo tanto asegúrate de tener esta línea en tu plantilla (es necesario marcar la casilla Expandir plantillas de artilugios)
<b:include data='top' name='status-message'/>

Si no la tienes agrégala justo arriba de este código:
<data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>

Ya que lo tengas, o si ya lo tienes puesto entra en Configuración | Preferencias de búsqueda (por ahora disponible sólo en la nueva interfaz), y en donde dice Mensaje de página no encontrada personalizado haz click en Editar.


Ahí agrega este código:

<div id="error-404">
<div class="errort1-404"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq3WxB3YiTBcTiSJC8WHEmZovA_tf1VjWql6Gx1hyphenhyphen9NMiME8koPLwfAv85kkkO_baNoUbYLjaKpPPxltBd1NKsnPEDboSjdRCLhwMCjiLckkI4iiX7JjhvXIrqoxzSus85mDqBFkSypWs/s100/error.png" style="vertical-align:middle;"/> UPS!</div>
<div class="errort2-404">Página no encontrada</div>
<div class="errort3-404">
Parece que ha habido un error con la página que estabas buscando.<br/>
Es posible que la entrada haya sido eliminada o que la dirección no exista.
</div>
<div class="errort4-404"><a href='http://nombre-de-mi-blog.blogspot.com'>Ir a la página principal</a></div>
</div>
Ese es un código de ejemplo, en realidad tú puedes poner el que quieras y con los estilos deseados.
Ahora antes de ]]></b:skin> pega los estilos:

/* Error 404
----------------------------------------------- */
/* Contenedor general */
#error-404 {
padding:20px;
}
/* Estilos del primer texto */
.errort1-404 {
color: #fff;
font-size: 100px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
/* Estilos del segundo texto */
.errort2-404 {
color: #fff;
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
/* Estilos del tercer texto */
.errort3-404 {
padding:20px;
color:#414141;
text-shadow: 1px 2px 3px #fff;
text-align:center;
font-size:20px;
}
/* Estilos del botón */
.errort4-404 {
margin-top:20px;
padding:10px;
display:inline-block;
text-shadow:0 1px 1px #fff;
text-decoration:none;
font: bold 13px Sans-Serif;
border:1px solid #DDD;
border-radius:3px;
border-color: #999;
background: -webkit-linear-gradient(top, white, #E0E0E0);
background: -moz-linear-gradient(top, white, #E0E0E0);
background: -ms-linear-gradient(top, white, #E0E0E0);
background: -o-linear-gradient(top, white, #E0E0E0);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
Con eso ya tienes el mensaje de error personalizado como la imagen de ejemplo. Ahora vamos a eliminar la sidebar y otros elementos, para ello es necesario que conozcas los IDs o clases de todos esos elementos que deseas ocultar, aquí veremos los básicos de las plantillas originales de Blogger.
Así que antes de </head> agrega esto:


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.column-right-outer, .column-left-outer, .footer-outer, .feed-links, #blog-pager, #sidebar-wrapper, #footer-wrapper { /* Aquí todos los elementos que queremos ocultar */
display: none;
}
.fauxcolumn-right-outer .fauxcolumn-inner, .fauxcolumn-left-outer .fauxcolumn-inner {
border-left: 0px;
border-right: 0px;
}
#main, #main-wrapper {
width: 960px; /* Aquí va el ancho total del blog */
margin-left: -25px;
}
</style>
</b:if>
Y listo. Ahora unos detalles a tomar en cuenta. En el código que hemos añadido en la configuración verás en color azul la URL de la imagen del ícono de error, puedes cambiarlo por otro, de hecho puedes cambiar toda la estructura de ese código por la que desees. Ahí mismo pon en donde se indica el nombre de tu blog, esto es para el botón que aparecerá sugiriéndole al lector ir a la página principal.

En los estilos están en color verde definidas las áreas de cada elemento del mensaje de error.

En el segundo código verás también dos anotaciones en color verde, estas son muy importantes, en la primera pondremos todos los elementos que queremos ocultar antes de .column-right-outer, por ejemplo, si tuvieras una sidebar que se llama right-sidebar entonces antes de .column-right-outer, agregarías:
#right-sidebar,
Todos los elementos que agregues para ocultar deberán ir separados por una coma.
Después sigue el ancho del área donde se muestra el mensaje de error, ahí debes poner la medida del ancho de tu blog, quizá tengas que poner un valor un poco más bajo, o agregar otro margen después de él para acomodarlo, eso ya dependerá de cada caso y cada quién deberá experimentar con esos valores.

Como puedes ver en cuestión de códigos es poco, casi todo será creatividad de cada uno para que la página de error sea tan simple o tan compleja como cada quien quiera.


246 comentarios en:

" Crear página de error 404 en Blogger "

  1. Vaya potro gran tutorial hermano,tu siempre facilitandonos la vida en Blogger.

    Saludos maestro :)

    ResponderEliminar
    Respuestas
    1. Ha sido Blogger el que nos la ha facilitado, al menos en cuanto a este tema se refiere :)

      Eliminar
  2. Entre tanto circo de Blogger ya tocaba una buena.

    Gracias Potro!

    ResponderEliminar
    Respuestas
    1. Siempre es así, después de una metida de pata viene algo reconfortante.

      Eliminar
  3. Lo que siempre quise! :D
    Gracias Potro! Toda la tarde intente editar esto pero no podía :P
    No hay forma de ocultar sólo en las etiquetas el Mostrando entradas con la etiqueta... para que funcione el error 404?

    ResponderEliminar
    Respuestas
    1. Solucionado! Ahora a crear un error 404 :p
      Muchas gracias Potro!

      Eliminar
    2. Bien, luego nos presumes cómo te quedo ¿vale? :)

      Eliminar
    3. Al final no he tenido paciencia para crear otro diseño de error diferente al que tu das, no me salió lo que quería hacer por eso puse este casa nada modificado, obsérvalo: www.planeta-grandt.com.ar/error.html

      Eliminar
    4. A mí me gusta cómo lo has dejado, pero claro, es cuestión de gustos supongo :)

      Eliminar
    5. Como te comentaba, seguramente recordaras que yo siempre te preguntaba si se podía editar eso, hasta que llego :)
      Algún día se alargaran los enlaces de las entradas? Ejemplo:
      de: http://ciudadblogger.com/2012/03/las-nuevas-direcciones-de-los-blogs.html
      a: http://ciudadblogger.com/2012/03/las-nuevas-direcciones-de-los-blogs-de-blogger-segun-el-pais-donde-se-lee.html
      Sería genial eso para las búsquedas en Google.
      Otra duda que tengo, porqué los enlaces de las entradas no leen la letra A cuando figura individualmente? Ejemplo: Lalo Maradona cambió a la táctica 3-4-3, sólo figura cambio-la-tactica y no cambio-a-la-tactica.

      Eliminar
    6. Pues mira, con tantos cambios es posible que algún día permitan más caracteres en las URLs, así que por ahora todo es posible.
      Lo que sucede con esos enlaces es que "ahorra" palabras que considera no son relevantes, como el número de caracteres es reducido elimina algunas palabras para que quepan otras.

      Eliminar
  4. ¡Está genial, Potro! Es largo para mis entendederas con estos líos pero lo intentaré este fin de semana, me gusta mucho, así siempre parecerá que la persona está en el mismo espacio, que el error 404 es muy feo y estéril y despista mucho.
    Mil gracias, como siempre ayudándonos a mejorar nuestro blog. Eres demasiao!..:)
    ¡un beso enorme!

    ResponderEliminar
    Respuestas
    1. Al menos será mucho mejor que el que nos proveía Blogger, ahora es cuestión de trabajar en ello :)

      Eliminar
    2. Potro, se me ocurre una cosa, ¿y si no quiero que se oculte nada?...no sé si me explico...que la imagen esa que preparemos quede casi como "una entrada", con todo lo habitual alrededor (cabecera, pie de blog, barra lateral etc...¿sería posible y entonces sólo tendría que eliminar esa sucesión de elementos que señalas y entodo caso ajustar el ancho?
      .column-right-outer, .column-left-outer, .footer-outer, .feed-links, #blog-pager, #sidebar-wrapper, #footer-wrapper
      No sé si es una barbaridad lo que te pregunto...:)
      Un beso

      Eliminar
    3. Sino quieres que quede oculto ningún elemento entonces sólo realiza los dos primeros pasos, con eso será suficiente para que se muestre el mensaje dentro del área de las entradas, y el resto de los elementos de la plantilla se conservarán como siempre.

      Un beso.

      Eliminar
    4. ok...muchas gracias...te iré diciendo.
      un beso

      Eliminar
  5. No te atrevas a m..... damn!! que bueno que visito ciudad blogger!!! eres el mejor!!! :D :D :D :D

    ResponderEliminar
  6. Oye bro... una pregunta, el .ico personalizado se puede mostrar tmb en estas paginas?

    ResponderEliminar
    Respuestas
    1. si, si se muestra :) incluso con dominio personalizado

      Eliminar
  7. otra... se pueden poner scripts que solo se carguen en la pagina de error?... digo, no sé si recuerdes del man que queria poner su foro y se le propuso que usara un subdominio, ya que se podría poner en la pagina de error un link de redireccion que lo lleve a la nueva url... y que si en la nueva url hay mensaje de error lo lleve a la pagina princial... otra brother, se puede poner un script de redireccionamiento a la página principal del blog con un script count down... es decir "la pagina no ha sido encontrada pero le redireccionaremos en 5...4...3...2..1... a la página principal, asi no se pierde la visita por rebote de que como no encontraron lo que buscaban se salgan y vayan a otro resultado de busqueda de google por ejemplo

    ResponderEliminar
    Respuestas
    1. sí, si se pueden poner scripts xD... muy buena noticia de vdd

      Eliminar
    2. Scripts y todo lo que se nos ocurra, la verdad es que las posibilidades son muchas, ahora no podemos decir que nos limitan la creatividad, y conociéndote ya me imagino que harás algo bastante ingenioso ;)

      Eliminar
  8. Hola Potro, qué tal? Tengo una amiga que me acaba de decir que ha intentado crear una nueva entrada en su blog con fotos y le dice blogger que ya no puede, que ha superado no se qué de las fotos y que tiene que pagar.Ella tiene un blog de moda como el mío, pero a mí esto nunca me ha pasado, ¿qué puede hacer?
    Gracias.
    Un abrazo!

    ResponderEliminar
    Respuestas
    1. Hola maite, es posible que haya alcanzado el límite de espacio permitido en Picasaweb que es de 1GB. Puede pagar espacio extra ahí en Picasa, o puede crear otra cuenta y darle permisos de administrador a esa cuenta, de esa forma podría publicar con la nueva cuenta y tendría otro GB extra.
      Un abrazo.

      Eliminar
    2. Ah, pues muchas gracias por tu ayuda. Se lo diré.
      Un abrazo.

      Eliminar
  9. Exelente potro buena alternativo haber lo voy a probar en mi blog y luego opino gracias .

    ResponderEliminar
  10. hola tambien me ha gustado mucho, pero a esta velocicad que llevas no me da tiempo aun estoy con las seo que no sabia nada de nada me lo guardo y cuando pueda lo pongo ya lo sabras, porque seguro que no sale bien a la primera he visto algo que no he entendido muy bien lo tengo ver mas despacito chao

    ResponderEliminar
    Respuestas
    1. No te preocupes que las entradas seguirán ahí, así que cuando tengas tiempo podrás verla con calma y probar ;)

      Eliminar
  11. Potro!

    Simplemente Genial!

    Gracias!

    ResponderEliminar
  12. ¿donde dices que tallamos tu monumento? gracias tio

    ResponderEliminar
    Respuestas
    1. A mí no, al equipo de Blogger, ellos son los que hacen posible todo esto ;)

      Eliminar
  13. Genial, Potro ya lo apliqué a mi blog. Por cierto lo renové completamente, espero que te guste: http://www.sinlevantarlapiz.com/

    ResponderEliminar
  14. Quisiera tener tu genialidad,
    Eres grande
    lo aplicare y te digo como me fue, aunque me estoy atorando en el ultimo codigo

    ResponderEliminar
    Respuestas
    1. En el último código lo "complicado" es identificar los contenedores que quieres ocultar, pero ya una vez que tengas bien identificados a esos contenedores verás que no es nada complicado ;)

      Eliminar
    2. Gracias pero mira quedo perfecto en mi sitio

      mira una prueba aquí

      Cambie la imagen y otras cosas quedo bien.

      Gracias por tu ayuda

      Eliminar
  15. me voy a lo cómodo, solamente he puesto un mensaje poniendo "Lo sentimos, el enlace que has proporcionado es incorrecto o se ha eliminado". Simple y claro jaja.

    ResponderEliminar
    Respuestas
    1. Cuando veas a todos con sus páginas de error personalizadas te animarás :)

      Eliminar
  16. Buenas, Potro.
    Te comento: ¿qué te parece esto?

    Creo que es interesante... (ya probé en mi blog)

    ResponderEliminar
    Respuestas
    1. Me parece genial, sólo habrá que esperar que pase de la fase experimental para que a todos los sitios (o su mayoría) les pueda dar sugerencias de URLs. Será una buena herramienta para las páginas de error :)

      Eliminar
  17. Bueno, acabo de ver esta entrada tuya y me dispongo a hacer mis pininos en el blog, ya te diré que tal me ha quedado, aunque hay una alta probabilidad que regrese por algo de ayuda =)

    ResponderEliminar
    Respuestas
    1. Vale, espero que regreses ya sea para preguntar o para que nos presumas cómo te ha quedado :)

      Eliminar
  18. Estimado Potro: Has probado insertar un tweet en Blogger??? Yo sigo todos los pasos que dice Twitter, pego el código HTML que dicen pero en Blogger al final el tweet no se vé como ellos lo muestran, sino que aparece como si fuese todo texto. Si me puedes ayudar o hacer un artículo sobre esto, te lo agradezco. Saludos!

    ResponderEliminar
    Respuestas
    1. Nunca lo he probado Turfan, ¿cuál es la página de Twitter donde has tomado las instrucciones?

      Eliminar
    2. Esta es la página oficial de twitter en español:
      https://support.twitter.com/articles/20169669-como-insertar-un-tweet-en-tu-sitio-web-o-blog

      La verdad que el sistema parece muy bueno pero a mí en blogger no funciona. Quizás haya alguna incompatibilidad porque en las entradas yo tengo el botón de twittear. En realidad no sé. Seguramente vos podrás encontrarle la vuelta.
      Saludos!

      Eliminar
    3. Aquí hay otra explicación más avanzada de como embeber un Tweet, pero está en inglés:
      https://dev.twitter.com/docs/embedded-tweets

      Eliminar
    4. Podría ser por algún otro script de Twitter, ahora mismo acabo de insertar uno en un blog de pruebas y se muestra bien, claro que en ese blog no tengo nada de gadgets. ¿En cuál blog lo has puesto y por qué parte está?

      Eliminar
    5. Lo puse acá:
      http://turfyapuestas.blogspot.com.ar/2012/03/turf-san-isidro-pronosticos-sabado-24.html

      En la parte de abajo, donde dice "Distinciones Carlos Pellegrini 2011". Así se vé. Alguién me comentó que se vé igual como saldría si querés ver un twitter insertado a través del Google Reader.

      Yo estoy utilizando el nuevo editor, y simplemente pego el código HTML que brinda Twitter en el sector HTML de la entrada del editor de Blogger.

      Gracias y Saludos Potro!

      Eliminar
    6. Mira lo que dicen aquí en Vagabundia:
      http://vagabundia.blogspot.com/2010/05/twitter-quotes-insertar-tweets-en-un.html

      Al parecer en algunos blogs se ve así por el tipo de estilos que usa Twitter Quotes, ahí mismo mencionan otros servicios que conviene usar en su lugar.

      Saludos.

      Eliminar
    7. Gracias Potro por tu respuesta! Veré si pruebo usar los servicios que dicen en Vagabundia, aunque por lo que leí ahí puede haber complicaciones en el futuro si cambias algo. En fin. Habrá que esperar. Quizás twitter pefeccione el sistema. Un abrazo!

      Eliminar
  19. Potro, oculté el Mostrando etiquetas con XXX, entonces la página de error 404 tampoco aparece, hay algún condicional para que sólo aparezca un mensaje en las página de error?

    ResponderEliminar
    Respuestas
    1. Tienes que dejar ese código pues es el mismo que se encarga de mostrar tanto el del error como el otro.
      También puedes probar este método de Vagabundia, con él no es necesario tener ese código:
      http://vagabundia.blogspot.com/2012/03/usar-errorpage-para-crear-paginas-de.html

      Eliminar
  20. Potro, necesito ayuda. En mi sitio, no se expanden los items del Archivo del Blog. Alguna idea de cómo solucionarlo?

    ResponderEliminar
    Respuestas
    1. Quizá es por el modo como has puesto el gadget. Prueba eliminarlo y ponlo de nuevo.

      Eliminar
    2. jeje lo mismo sucede con mis archivos del blog y los he borrado por que no se expanden aunque los ponga y los vuelva a borrar, aunque si he notado que solo se expanden cuando pongo vista previa. Ahí si se activa el expandir, pero ya en el blog sin vista previa no se expanden en lo absoluto... supongo que tenemos el mismo problema jeje :)

      Eliminar
    3. Habría que ver si ambos hicieron la misma modificación que pudo haber afectado su funcionamiento, y/o si ambos usan algún script que pueda interferir con el toggle que es la función que lo hace expandir.

      Eliminar
    4. ¿Cómo podría percatarme de eso Potro?... ¿Debería buscar algo específico en la plantilla?

      gracias :)

      Eliminar
    5. Pues no, mas bien sería que recuerdes cuál fue el último cambio que hiciste antes de que dejara de funcionar, así podrás darte una idea de qué fue lo que lo afectó.

      Eliminar
    6. mmm pues, la verdad esa plantilla ya vino así jeje, aunque la verdad de como está la original si le quité algunas cosas que no me gustaban y quedó más simple y sin tanta cosa que la hacían medio estrafalaria jaja

      No se si al quitarle esos códigos se me haya ido por ahí alguna cosilla que me afecto el expandir los archivos, aunque no creo que haya pasado eso ya que en el demo de la plantilla no había un "archivo del blog" así que creo que lo hicieron a proposito jaja.

      por cierto, en el caso de que no se pueda poner el archivo del blog y se expanda, hay alguna alternativa a eso? bueno, algo con la funcion del archivo del blog pero para ponerlo en una pagina estática como el sitemap

      Gracias Potro :)

      curiosidadinfinita.com

      Eliminar
    7. Pues no está de más que en un blog de pruebas pongas la plantilla original, le agregues el gadget de Archivo y veas si ahí sí funciona, así sabrás si es problema de la plantilla o algún cambio que hiciste.
      También puedes editar el archivo y elegir que se muestre desplegable en lugar de como lo tienes ahora, es otra opción :)

      Eliminar
    8. oh! sin querer se ha arreglado el problema! :O

      la verdad ese problema lo tenia desde hace tiempo y por eso decidi no poner los archivos del blog, pero justo hace un instante lo volvi a poner luego de mucho tiempo a ver si funcionaba y si sirvió! jeje a lo mejor habia sido un problema de blogger (sus programadores supongo)... pero ahora que lo veo mejor lo dejo en desplegable por que si lo pongo en jerarquia me usa mucho espacio jaja

      Gracias Potro :D

      Eliminar
    9. Jajaja, ok, al menos sirvió para que te decidieras por otro estilo :)

      Eliminar
  21. Está genial el tutorial, siempre lo busqué y hasta ahora lo encuentro.

    ResponderEliminar
  22. potro una pregunta espero me ayudes mi problema es que pongo fondo en mi blog pero el fondo se repite varias veces y el tamano del fondo es grande.
    entonces yo quiero poner uno como el de esta pagina http://www.tr7livex.net/ que el fondo de esapagina no se repite por lo unico que se mueve es la parte de los post espero me entiendas.

    ResponderEliminar
    Respuestas
    1. Mira esta entrada, ahí encontrarás la información que buscas:
      http://ciudadblogger.com/2009/02/cambiar-color-de-fondo-por-una-imagen.html

      Eliminar
  23. Como crear URLs personalizadas en blogger http://www.bookgeek.com.ar/2012/03/como-crear-urls-personalizadas-en.html

    ResponderEliminar
    Respuestas
    1. Por esta vez haré de cuenta que no es SPAM...

      Eliminar
    2. No, solo quiero que veas mi primer tutorial y creo que lo viste jaja no se explicar bien pero con el tiempo aprenderé, gracias por contestar.

      Eliminar
  24. Gracias Potro por ese gran truco jeje pero realicé todos los pasos y no me funcionó :(

    este es mi blog: curiosidadinfinita.com

    gracias :)

    ResponderEliminar
    Respuestas
    1. mem una pregunta que nombre tiene tu plantilla

      Eliminar
    2. Es posible que no tengas el código que se menciona al inicio, sin él no se puede mostrar el mensaje.

      Eliminar
    3. si lo tiene, ya revise y dice exactamente el b:include data='top' name='status-message'/>

      realicé todos los pasos y a verad no se por que no sale :(

      Eliminar
    4. Puede ser que esa línea que sí tienes es la que corresponde al blog cuando se ve en la versión móvil, pero en la versión web es probable que no lo tengas.
      Busca este código:
      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isDateStart'>
      <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
      &lt;/div&gt;&lt;/div&gt;
      </b:if>


      Si lo tienes dos veces entonces asegúrate que la línea aquella esté arriba de ambos códigos.

      Eliminar
    5. mmm creo que ese es el problema, no tengo ese código en la plantilla.

      ¿Que debería hacer para ponerlo?

      gracias :)

      Eliminar
    6. Pues depende de cada plantilla. Prueba poner esa línea debajo de:
      <b:includable id='main' var='top'>
      <b:if cond='data:mobile == &quot;false&quot;'>

      <!-- posts -->
      <div class='blog-posts hfeed'>

      Si tampoco lo tienes entonces prueba con el método de Vagabundia, con ese no necesitas tener ese código:
      http://vagabundia.blogspot.com/2012/03/usar-errorpage-para-crear-paginas-de.html

      Eliminar
    7. Gracias Potro :)
      ahora lo pruebo y te aviso ;)

      Eliminar
  25. http://facebookportadas.com/
    potro quiero colocar botones de me gusta un enlace como esta pagina
    podrias conseguirlo para un blog?

    ResponderEliminar
    Respuestas
    1. Hola magic, ¿te refieres a los títulos de las entradas? es que no entendí bien :(

      Eliminar
  26. Potro, te hacen donaciones por paypal? vale la pena?
    Un abrazo como siempre!

    ResponderEliminar
    Respuestas
    1. Curiosamente hoy recibí una, pero son situaciones mucho muy esporádicas, pasa mucho tiempo para que alguien haga una donación aquí. Aun así, siempre se agradece :)

      Eliminar
  27. Muy interesante, pero no me gustaría volver a poner lo de "Mostrando entradas..."

    Saludos

    ResponderEliminar
    Respuestas
    1. Hay maneras de eliminar uno y conservar otro, de hecho en Vagabundia hace rato publicaron algo sobre ese tema. Saludos.

      Eliminar
  28. hola potro como puedo hacer para que se oculte todo?

    ResponderEliminar
    Respuestas
    1. Hola Stuka, es igual como se explica en la entrada, sólo debes agregar al código los IDs o clases de todos los elementos que quieras ocultar.

      Eliminar
  29. Hola Potro, muy buena explicación, seguí todos los pasos y ya está funcionando, con varios cambios, en mi blog.

    Solo que el CSS lo puse también en la caja de "Mensaje de página no encontrada personalizado" junto con el HTML, así (creo yo; corrígeme si me equivoco) solo se carga cuando se presenta el error y no con el resto del CSS de la plantilla (Así me evito sobrecargarla con más códigos).

    He aquí una entrada inexistente por si quieres ¿admirar? "mi obra de arte" XD:

    http://delopocoqueconozco.blogspot.mx/2012/03/nasa-evolucion-de-la-lunar.html

    Me gustó como quedó.

    Gracias Potro.

    Un abrazo.

    ResponderEliminar
    Respuestas
    1. Es correcto tu método Luis, de hecho la mía también tiene el CSS sólo en esa área.
      Creo que tu página de error es la más extensa que he visto, jaja, me encantó el humor :)

      Eliminar
    2. Me parece que me pasé "un poquito" XD.
      Saludos cordiales.

      Eliminar
    3. Jajaja muy buena, y yo que pensé que la mía tenia humor.

      Eliminar
  30. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. No estoy seguro de cuando lo eliminé pero lo repito
      "Hola
      disculpa, ¿hay alguna forma de que la imagen sirva tambien para cuando una busqueda no tiene resultados?
      Saludos y gracias"
      P.D.-Lamento lo del comentario

      Eliminar
    2. Hola Andreewkun, cuando no hay resultados muestra un mensaje similar al de "Mostrando entradas con la etiqueta..."
      Y ese mensaje no tiene muchas opciones.

      Eliminar
  31. Gracias Potro, queda muy bien. Como siempre funcionando sin problemas.
    Un abrazo

    ResponderEliminar
    Respuestas
    1. Qué gusto saber que te ha resultado todo bien :)
      Otro abrazo para ti.

      Eliminar
  32. No había tenido oportunidad de agradecer tu gran trabajo Potro!!! cada día me sorprendo más del contenido de Ciudad Blogger!!! Muchas gracias por tu tiempo y esfuerzo!!! FELICIDADES!!! :D

    ResponderEliminar
  33. Hi El Potro , Mi duda es la siguiente , si yo quiero hacerle una imagen personalizada para que aparesca cuando no se encuentra la pagina o no existe ¿Se puede? Osea , hacer yo una imagen y cuando le salga error aparesca ,


    Desde ya , Gracias
    Kenzo

    ResponderEliminar
    Respuestas
    1. Sí, de hecho sólo tienes que cambiar la URL de la imagen por la que tú quieras poner.

      Eliminar
  34. ¡Vaya! Hace tiempo pensé que estaría bien que Blogger incluyera esa opción y tenía que ser en CiudadBlogger donde me enterara de que ya lo hicieron (a pesar de que la nueva interfaz me da muchos problemas). Gracias por el post, magnífico, como siempre. Por cierto, El Potro... no sé si te lo has planteado, pero sería genial que hicieras un curso o una serie de tutoriales para aprender a crear y manejar plantillas blogger desde 0. Mucho pedir, supongo, jajaja. Un abrazo, compañero! :)

    ResponderEliminar
    Respuestas
    1. Gracias LaBocadelaRed, sí está pensado pues muchos lo solicitan, así que quizá más adelante publique sobre ese tema :)
      Saludos.

      Eliminar
  35. Hola potro muy buen tuto este, como todos los que pones, pero una pregunta puedo hacer que ese error salga solo en una pagina definida no solo en las entradas borrados, osea supongamos que pongo fotos de Mao, donde fotos de Mao esta anidado a un link digamos que el link sea http://pronto%las%fotos.com entonces cuando den click en ese link salga ese error, eso se puede hacer modificando ese código que pones?

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Jualmarxkh, la página de error deberá aparecer sólo en las páginas que no existan, ya sea que la entrada fue eliminada o que la dirección esté mal escrita, pero siempre que pertenezcan a tu blog.

      Eliminar
    2. mmmmm entonces hice algo mal, porque no me sale, lo que me sale el el anuncio de Google que ese link no existe jeje tendré que mirar bien donde puse los códigos y eso ejje, gracias

      Eliminar
    3. Mira potro hice todo nuevamente pero no me resulta... te dejo aquí la entrada con el ejemplo... solo da click en Glumpoupolads al final se supone que tiene que salir el anuncio, pero nada http://clickspc.blogspot.com/2012/04/star-prospector-pc-juegos.html

      Eliminar
    4. Es que te repito, la página de error sólo puede mostrarse siempre que la página que se solicite pertenezca a tu blog, es decir, que comience con:
      http://nombre-de-mi-blog.blogspot.com/

      Todo lo que haya después de eso y esté mal escrito es cuando aparecerá la página de error.
      En el ejemplo que tú pones la dirección es:
      http://poner%20link/

      Esa no es una dirección que pertenezca a tu blog, por eso ahí, en ese caso no funciona.

      Eliminar
    5. ahhhhhhhhhh ya vamos jejeje gracias por la aclaración, ya se como hacerlo jeje, gracias mil

      Eliminar
    6. ya lo resolb1 jejeje si deseas entrar para que veas el resultado gracias

      Eliminar
    7. Jejejeje gracias, es que tengo un buen maestro, osea ud.

      Eliminar
  36. Saludos

    Estimado Potro, lamentablemente no puedo solucionar la parte que dice "para ello es necesario que conozcas los IDs o clases de todos esos elementos que deseas ocultar"
    Es decir no se donde estan la clase del blog no se donde estan en los el blog, se buscarlo pero no se qeu parte espesificamente es que tengo que copiar.

    ResponderEliminar
    Respuestas
    1. Cada plantilla es distinta, debes conocer tu plantilla poco a poco. Los IDs de cualquier elemento siempre estará algo así:
      id='Nombre'

      Ese es el ID, en este ejemplo es Nombre.
      Cuando es una clase entonces lo verás así:
      class='Otronombre'

      En el primer caso, al tratarse de una ID lo pondrías así #Nombre
      Y el segundo caso, como es una clase se declara así .Otronombre

      Eliminar
  37. Me quedo de lujos Potro!! Sos mi ídolo!
    Que opinas Mi pagina de error

    Ahora pregunto, le modifique los estilos. Pero estos no los puse en el HTML de la plantilla... sino que los agregue en la caja de edición de la pagina de error de blogger nomas...
    Me perjudica en algo esto?

    Desde ya muchas gracias Potro. Saludos

    ResponderEliminar
    Respuestas
    1. Buenísimo el resultado :)
      No pasa nada si agregas los estilos ahí, no es lo "correcto" por decirlo de alguna forma, pero vaya, está bien si lo pones así, no pasa nada, de hecho yo así lo tengo también :)

      Eliminar
  38. Hola Potro tengo un problema que no se a que se debe, pero en el blog de prueba que tengo me funciono a la 1 pero cuando lo hago en mi blog principal no sale nada; a ver si me puedes ayudar.

    Este es mi blog de prueba: http://simpleprueba.blogspot.com.es/norton.html

    Blog Principal: http://www.info-noti-web.com/noton.html

    Nota: te comento que el blog principal tiene una plantilla modificada y el de prueba es la sencilla de blogger, pero a la modificada e hecho todo lo que dice el tutorial

    ResponderEliminar
    Respuestas
    1. Hola Cristian, quizá tengas oculto o eliminado el código que hace que se muestre el mensaje de error, de ser así tendrás que agregarlo, es el mismo que hace que se muestre este otro mensaje:
      http://ciudadblogger.com/2009/07/ocultareliminar-el-mensaje-mostrando.html

      Eliminar
    2. Estuve leyendo y tu problema es de hecho lo que comentas en la nota, algo pasa con las plantillas modificadas que no funciona. A mi me pasa igual en mi blog (http://ecosiglos.com/error-404) y como puedes ver tengo tambien una plantilla modificada. No se ve nada. Seguiré intentando solucionar esto.

      Eliminar
  39. Pregunta/s:
    a)¿se puede agregar una imagen de fondo?
    b)¿se puede agrandar el botón?

    ResponderEliminar
    Respuestas
    1. Respuestas:
      a) Debajo de #error-404 { puedes añadir el fondo: background:#000;
      b) El botón se ajusta automáticamente al contenido del texto, si el texto es grande el botón también lo será.

      Eliminar
    2. Gracias potro, le agregue tambien otras cosas. Mira como quedo:
      http://vivamundogaturroapps.blogspot.com.ar/Pagina-de-error-404

      Eliminar
  40. Esto es genial! hace tiempo estaba esperando que en blogger se pudiera crear una pagina 404 personalizada. Pondré manos a la obra :)

    ResponderEliminar
  41. Bueno ya logré adecuar mi pagina de error!

    Hice varios experimentos: estuve probando con redimensión de imagen de acuerdo a la resolución pero tomaba mucho tiempo en cargar. creo que era un poco obvio pero aun así quería intentarlo.

    Me sirvió mucho el ultimo fragmento de código, ya que quería ocultar básicamente todo lo demás y dejar solo la imagen y el cuadro de búsqueda. Pueden ver mi diseño de pagina de error en mi blog www.ecosiglos.com/error-404 e inspirarse :P

    Gracias Don Potro por este post, me sirvió mucho. Saludos desde Colombia :)

    ResponderEliminar
    Respuestas
    1. Te ha quedado increíblemente bien Silvio, me encantó el resultado :)

      Eliminar
    2. Gracias! Me gustaría ver aquí algún post sobre media queries. Quiero incursionar un poco en eso del responsive web design para que mi blog sea amigable en dispositivos móviles.. voy a chequear este blog regularmente. Saludos!

      Eliminar
  42. Hola Potro.
    Ante todo muchas gracias por tus indicaciones, he conseguido "casi" lograrlo. Y digo casi porque tengo un slider de imágenes que enlaza a post que sólo aparece en la página principal (ni en entradas ni en páginas de Blogger) y sin embargo no soy capaz de eliminarlo en la página de error. Creía que el elemento que tenía que indicar era #myGallery o #myGallery.jdGallery.withArrows pero no funciona con ninguna de las dos. Sigue ahí delante del mensaje de error... ¿Se te ocurre qué podría ser?

    Te dejo el enlace a una página de error para que veas.

    http://crepesdepapel.blogspot.com/paginaerror

    ¡Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Marina, parece que ya has sabido cómo resolverlo porque he ingresado a ese enlace y no veo el slider.
      Saludos.

      Eliminar
  43. Su artículo fue plagiado, mira:

    http://www.bloggermin.com.br/2012/03/criar-pagina-de-erro-404-no-blogger.html#more

    ResponderEliminar
  44. Me encanta esta página. La descubrí hace unos días y me sorprendió su contenido, aparte de su apariencia. Otra pagina, una de gadets que me gustó mucho es http://www.gadgetsblogger.com/. Está repleta de gadets.
    Buen trabajo
    ¡Gracias Potro!

    ResponderEliminar
  45. Oye Potro, en Configuraciones > Preferencias de Búsqueda del menú de Blogger ya viene la opción para editar el mensaje personalizado de error de página. Estaría excelente que hicieras una nota al respecto y la compartieras ;)

    ResponderEliminar
  46. Jaja disculpa, no había leído todo el post. Bueno, ahora tengo una duda:

    En la parte de las columnas que queremos dejar ¿cuál le pertenece a las 2 columnas que dejo hasta abajo?

    ResponderEliminar
    Respuestas
    1. No sé Mokte Pumas, depende de cada plantilla, cada una es distinta, es cuestión de que vayas localizando los IDs o clases de los elementos. Sino encuentras el de esas áreas entonces agrega los IDs de los gadgets que tienes ahí.

      Eliminar
  47. Me encanta tu blog Potro, y aunque tengo 12 años me gusta mucho leer todos tus trucos para incluirlos en mi blog, lo que pasa que nunca me funciona lo de las flechas para ir arriba y abajo, pero lo importante es que gracias a ti tengo muchas visitas en mi blog... ¡Gracias!
    Mi blog: http://cosasdejavierbecerril.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu comentario. Si lo deseas deja un comentario en la entrada donde no te funciona para que podamos revisar qué pasa y darle seguimiento.
      Saludos!

      Eliminar
  48. Gracias potro me sirvió de mucho el tutorial,principalmente lo de los condicionales para ocultar los elementos del blog.

    Te quería compartir el resultado, si lo consideras como spam lo podés eliminar sin mayor drama.

    http://fisicayeluniverso.blogspot.com.ar/a

    ResponderEliminar
  49. Hola Potro,
    Lo estoy probando en un blog de pruebas con una plantilla sacada de Internet.
    EL blog: josep-pepe2.blogspot.com
    En las páginas de las etiquetas lo de "Mostrando entradas con..." se ve mal, creo que es ese el problema que hace que luego no vaya la página de Error 404.
    Saludos

    ResponderEliminar
    Respuestas
    1. ¿Pero en la página de Error qué sucede? ¿no se ve? Si es así entonces quizá está mal aplicado algo, probablemente usaste una condicional en la que ocultaste un elemento que no se debe ocultar, así que habría que ver qué código has puesto.

      Eliminar
    2. He revisado el código que he puesto y esta todo bien. Nose porque no se ve en la página de error. Como te decía es una plantilla que he sacado de Internet y el problema este de que no se ve bien lo de "Mostrando entradas con la etiqueta..." y esto de Error 404 creo que viene ya del que creo la plantilla.
      Mira la Demo de la plantilla en una página cualquiera de una etiqueta: http://boulevard-template.blogspot.com.es/search/label/Games Aparece lo de "Mostrando entradas con la etiqueta..." cortado por las entradas
      Saludos

      Eliminar
    3. Sí, lo he visto, pero ese problema sólo es de estilos, porque incluso, si entras a una página "de error" verás que el mensaje sí se muestra:
      http://boulevard-template.blogspot.com.es/search/label/Gas

      Por eso te digo que quizá ocultaste algo que no debías.

      Eliminar
    4. He quitado el código del de esta entrada y aparece el mensaje predeterminado de error...

      Eliminar
    5. Entonces sí agregaste algún código que oculta las entradas. Ponlo tal como está, sin agregarle ni modificarle nada, mira si se muestra.

      Eliminar
    6. He puesto antes de "b:skin" el código que dices y en "Mensaje de página no encontrada personalizado" el código que dices también pero no funciona.
      Creo que el problema esta en que debajo de "" me sale esto:
      http://freetexthost.com/3oxhmqg6h5

      Eliminar
    7. Quizá es la estructura de tu plantilla entonces.
      Debe haber dos líneas como esta:
      <b:include data='top' name='status-message'/>

      La que nos importa es la que debe estar justo arriba del código que se menciona en la entrada.

      Eliminar
    8. Hay dos códigos como el que me mencionas y uno de ellos esta encima de un código parecido al que me dices en la entrada. Esto es lo que veo: http://freetexthost.com/3oxhmqg6h5

      Eliminar
    9. Josep López y Josep-Pepe es la misma persona. Te lo digo para que no te estrañe. Es que he conectado mi cuenta de Google+ a Blogger.

      Eliminar
    10. Pues podría ser ese aunque no entiendo porqué en esa área hay códigos de la fecha de las entradas arriba de un código de comentarios. Sin duda debe ser la plantilla que tienes, ya sabes que entre más personalizadas sean más complicado se vuelve personalizarlas por nosotros mismos.

      Eliminar
    11. La plantilla es esta: http://www.soratemplates.com/2012/06/boulevard-blogger-template.html
      No es que haya echo muchos cambios.

      Eliminar
    12. No me refería a que tú hayas hecho muchos cambios, me refería a que los autores de las plantillas modifican toda la estructura de las mismas (algunas veces) y es cuando nos encontramos con varios problemas cuando el usuario final la quiere personalizar.

      Eliminar
    13. Se me ocurre que quizá sólo necesites añadirle una altura al contenedor, prueba con esto:
      .status-msg-wrap {
      height: 500px;
      }

      Eliminar
    14. Eres un genio!!!!!!!
      Ya funciona!!!!!
      Muchas gracias!

      Eliminar
  50. Hola Potro muchas gracias, pero no me funciona este truco :(

    este es mi blog: Curiosidad Infinita

    Hice todo lo que dice en el tutorial pero no me sale la página de error.

    ¿Qué debo hacer?

    ResponderEliminar
    Respuestas
    1. Hola CristJian, mira el primer enlace que está antes del primer código, parece que te falta eso, si ese código no lo tienes o si lo tienes oculto entonces no se mostrará el mensaje de error.

      Eliminar
  51. Hola Potro:
    Gracias por tu genial ayuda. Por favor te queria pedir please si me podrias ayudar a "re-publicar" esta entrada eliminada de mi blog:
    http://www.papadoctor.com/2012/02/bienvenidos-papa-doctor.html
    He identificado la manera como debo hacerlo, pero necesito el id de mi blog (lo tengo) pero no tengo manera de conseguir el id de este post.
    He intentado todo: acceder a la entrada completa desde google reader, buscar en la cache de google (ya no esta, por ser de febrero de 2012), etc, etc. He examinado el codigo fuente de la entrada que te comento, pero nada de encontrar el post id.
    El problema que sin el post id no puedo restaurarla, ¿hay alguna manera de conseguirla?
    Muchas gracias...

    ResponderEliminar
    Respuestas
    1. Hola Papá Doctor, no sabría decirte cómo puedas obtenerlo, quizás en el foro de ayuda de Blogger un empleado de Google pueda restaurar la entrada por ti, pero será cuestión de suerte que algún empleado pueda leerte :/
      Si la entrada aun estuviera publicada sería fácil conseguir el ID, pero al estar ya eliminada no veo cómo.

      Eliminar
  52. Te agradecemos mucho por el trabajo que te tomas al explicarnos :) yo estoy muy triste pues antes Blogger te mostraba al oprimir"publicar" señalando en sombreado si había un span de mas o de menos, un strong de mas o de menos o un div de más o de menos, codigo de color de texto etc, ahora NO lo hace, te suplicamos indicarnos como encontrar la forma de encontrar esa clase de errores si? saludos

    ResponderEliminar
    Respuestas
    1. Me parece que la nueva interfaz no tiene esa opción y no hay forma en la que nosotros hagamos algo ahí, supongo que con el tiempo (espero) irán añadiendo ese tipo de elementos que sin duda son útiles para nosotros los usuarios.

      Eliminar
  53. siii.. resulta que ahora tengo varios post que si entro a edición,-y aún sin editar nada-NO me lo actualiza, supongo que Nuevo blogger ahora ha descubierto nuevos errores latentes.. valoraría si me das alguna pista para encontrar el error si? mira acá mi aporte: http://incluyendoperonolimitando.blogspot.com/2009/07/75-como-quitar-pag-popup-emergente-de.html saludos

    ResponderEliminar
    Respuestas
    1. No he comprendido, si estás en la edición de una entrada y si no editas nada no hay nada que pueda actualizar, una entrada sólo se actualiza si la editas y la publicas.

      Eliminar
  54. Uyyyy! Potro, por fin hice el deber de crearla, le coloqué algo de mi estilo al avisito 404, aunque preferiría que jamás apareciera. Muchas gracias.

    Una muestra http://www.elbauldelacosturera.com/2011/10/pantalon-mono-deportivo-o-buzo-trazado.html

    ResponderEliminar
  55. Oye potro estos dia estuve cambiando de plantilla y me percate que no me sale el mensaje de error que tenia predeterminado y verifique si tenia el codigo que mencionas en la primera partde de esta entrada y si lo tiene..

    Sabes cual es el problema :?

    ResponderEliminar
    Respuestas
    1. Podría ser que lo tienes oculto con algún estilo, o que no lo has habilitado desde la configuración del blog.

      Eliminar
    2. Potro y en el caso de que este oculto con algun estilo,cual codigo seria..

      Eliminar
  56. Potro ya solucione el problema,era un estilo CSS que tenia oculto el mensaje..

    Mira ahora ya tengo mi pagina de error

    http://www.miltrucosblogger.info/error.html

    ResponderEliminar
  57. potro esto ya no funciona, a que se debera la navegador o a la actulizacion de blogger ojala puedass ayudarme gracias

    ResponderEliminar
    Respuestas
    1. Tan funciona que aquí aun lo puedes ver:
      http://ciudadblogger.com/2012/error.html

      Eliminar
  58. lo ensaye de nuevo y presenta problemas en firefox

    ResponderEliminar
  59. PD: descubrí que si el error NO es de script, después de muchos intentos, por fin lo publica, por momentos da la impresión que se debe hacer con el caché vacío-o dime tú porqué-, y con respecto a lo de script, hay que ir revisando uno por uno los span, strong o lo que sea, yo lo que hago es que voy prueba y error, pongo al final de un párrafo el span-o lo que te indica el mensaje de error- y publico, hasta que le pego al clav, saludos

    ResponderEliminar
  60. Encuentro cosas curiosas aquí, es que le dí click a algo que no debía y vi tu página de error y me pregunté como personalizarla y encuentro la entrada jaja.
    Gracias, he personalizado la mía, me pareció gracioso añadirle la imagen de Nelson con su "haha" para el mensaje. ^^

    ResponderEliminar
  61. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Hola Martin, tienes un margin-left: -25px; dentro del #main-wrapper por eso se ve salido de ese lado, quitando ese margen se centrará.

      Pd. He eliminado el comentario por el aviso que está al final.

      Eliminar
    2. Tengo otro problema pero no es relacionado con esto si no con los comentarios el admin osea yo cuando voy a comentar , comenta pero cuando vas a ver el el comentario no esta esto solo paso con los admin

      Eliminar
    3. Desconozco porqué suceda Martin, es probable que hayas eliminado algún código de la plantilla :/

      Eliminar
    4. No importa ya lo arregle :D elimine sin darme cuenta una parte de un codigo de la plantilla

      Eliminar
  62. Saludos Potro, mi blog tiene un slider, oculto los id pero el slider esta en main-wrapper, si lo oculto no aparece no la pagina error, algún método para ocultar el slider solo mi pagina error, si esta pregunta esta formulada, favor direccionarme a la solución si la hubiera.

    ResponderEliminar
    Respuestas
    1. Hola Cris B., ese slider no tiene un ID pero tiene una clase, esta es si lo quieres ocultar:
      .featuredposts

      Eliminar
  63. Hola potro, hace poco le cambié la plantilla al blog de mi cuñado. Se trata de un blog de imágenes. El caso es que desde entonces al tratar entrar a una pagina del achivo del blog dice que la página no existe. Lo mismo ocurre al itentar entrar desde la busqueda de google.
    Al entrar en las paginas de cada mes por ejemplo:
    mayo 2012 | Galería de imágenes de potoko56
    Dice que no existe fijate porfas y dime a que se puede deber si lo sabes.. te lo agradecería muchísimo.
    Saludos bro !

    ResponderEliminar
    Respuestas
    1. Hola SaGiTaRioXP, puede ser que la plantilla tenga alguna condicional mal aplicada que esté ocultando el contenido en las URLs de tipo archive
      No sé con exactitud qué área pueda ser pues no conozco la plantilla y su estructura, pero no está de más que revises todas las condicinoales que tenga.

      Eliminar
  64. Muy bueno el Post Potro...
    También se puede hacer sin poner "Mostrando entradas con la etiqueta..."
    Poniendo el paso de función principal que hace el ERROR Que es esta
    (UPS!
    Página no encontrada
    Parece que ha habido un error con la página que estabas buscando.
    Es posible que la entrada haya sido eliminada o que la dirección no exista.
    Ir a la página principal)


    (LO PUEDES PONER ENCIMA DE ESTO EXPANDIENDO LOS ARTÍCULOS) Y YA Y DESPUÉS DE HAY PUEDE SEGUIR LOS SIGUIENTES PASOS QUE PUSISTE... GRACIAS!

    ESPERO QUE ME HALLAS ENTENDENDIDO!!

    ResponderEliminar
  65. Hola Potro! Me gustó esto...a mi me pasa que cuando programo una entrada, aparece en "archivos del blog" pero obviamente, todavía no se publicó, así que la persona que hace click en la entrada no la encuentra. Hice esta imagen: https://dl.dropbox.com/u/53944893/error%20404%20blogger.png y me gusta la idea de aplicarlo a ese mensaje, cómo lo puedo adaptar?? seguro hay cosas que tengo que sacar....me ayudás? gracias!

    ResponderEliminar
    Respuestas
    1. Sigue el mismo procedimiento, cuando ya veas que aparece el mensaje de error entonces ya podrás ir decidiendo qué elementos quieres dejar de mostrar ahí, sólo será cuestión que identifiques el ID de esos elementos para añadirlos al código que hará que se oculten.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger