Poner “Blog en Construcción” en tu Blog

Si estamos editando o rearmando nuestro Blog es conveniente poner un aviso de “Sitio en Construcción” en nuestro Blog. La verdad es sencillo de hacer y sé a que a muchos les será de utilidad.

Para lograrlo vamos a seguir los siguientes pasos:
1) Vamos a Plantilla
2) Luego a Edición de HTML.
3) Buscamos esta etiqueta:  (Recuerda que con Ctrl + F abrimos el buscador)
 <body>
4) Después de ella colocamos lo siguiente:
<span class="item-control blog-admin">
5) Ahora buscamos esta etiqueta:
</body>
6) Y Justos antes de ella pegaremos esto:
</span>
7) Ahora nos toca colocar la imagen que queremos que nuestros lectores vean al entrar a nuestro sitio. Como por ejemplo la que yo puse al principio de esta entrada.
 Para ello volvemos a la parte del código <body> y justo antes del código que pegamos en el paso “4”pegaremos este otro código:
<div style="text-align: center;"><img src="http://www.URL-DE-TU-IMAGEN"/></div>
Entonces reemplazamos lo que está en rojo por la URL de la imágen que queremos mostrar. Como siempre,  Damos click en “Vista Previa” y si todo va bien entonces guardamos los cambios.
– Listo, ya tenemos la imagen de “Blog en Construcción” en nuestro blog !!
Les recuerdo que una vez hecho esto nuestro blog va a permanecer oculto para nuestros lectores y sólo van a ver la imágen que nosotros pusimos. En cambio, nosotros, los administradores vamos a ver todo el blog, así que no se asusten! Saludos!

 

0
Shares

20 thoughts on “Poner “Blog en Construcción” en tu Blog

  • febrero 27, 2013 en 1:16 am
    Permalink

    Muy buen post! Quería consultarte, se puede agregar un enlace a la imagen, que apunte a facebook por ejemplo? Gracias y saludos!
    Marina

    Responder
    • marzo 1, 2013 en 2:27 am
      Permalink

      Tan solo debes venir a este mismo post y eliminar los datos!! y todo normal de nuevo!!

      Responder
  • marzo 13, 2013 en 9:21 am
    Permalink

    No encuentro la etiqueta primera etiqueta en el HTML de mi blog.

    Responder
    • marzo 14, 2013 en 9:51 pm
      Permalink

      Tal vez tu plantilla es hecha con el diseñador de plantillas de Blogger, si es así debes buscar el siguiente código

      <body expr:class='”loading” + data:blog.mobileClass’>

      Responder
  • mayo 17, 2013 en 12:52 pm
    Permalink

    me ha pasado como a creda lo he puesto donde tu indicas y todo bien pero pero siempre dice que esta en construccion aunque salga como administrador. hay algo que me he dajado?

    Responder
  • junio 7, 2013 en 2:57 pm
    Permalink

    Hola y como se puede agregar un enlace a la imagen, podrías darnos el código un simple ejemplo; e intentado pero no puedo. Gracias.

    Responder
    • junio 7, 2013 en 4:41 pm
      Permalink

      Amigo este es el código:

      <a href=”URL ENLACE” target=”_blank” title=”SEO y Marketing online”><img src=”URL IMAGEN” /></a>

      Responder
    • junio 8, 2013 en 12:26 am
      Permalink

      Muchas gracias Hayder gracias a tu código entendí por que no funcionaba 🙂
      Con tu ayuda todo funciono a la perfección, además lo modifico en algo para que la imagen quedare centrada y le quiete el target
      no se como escribir el código el comentario para compartirlo 🙁

      Responder
    • junio 11, 2013 en 3:31 pm
      Permalink

      Amigo que bueno haberte podido ayudar, para escribir códigos en los comentarios debes usar un conversor de texto plano.

      Saludos

      Responder
  • diciembre 16, 2014 en 2:22 pm
    Permalink

    Estimado una consulta, hice el truco y va muy bien pero aun me deja al final de la imagen la sección de entradas del blog, habrá que hacer algo distinto con las versiones mas actualizadas de blogger.

    Saludos

    Responder
  • junio 16, 2015 en 12:28 pm
    Permalink

    Buenos dias, muchas gracias por esta colaboración tan útil.
    Queríoa hacer una pregunta que quizá sea muy obvia, pero es que no deseo meter la pata: quería saber si para revertir la operación y dejat le blog com,o estaba, lo que tendría que hacer es retirar de la plantilla htlm lo que he puesto. Un abrazo.

    Responder
    • junio 28, 2015 en 9:04 pm
      Permalink

      Solo debes eliminar el código del truco y ya 😉

      Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *