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!
20 comentarios
Hayder Juvinao · febrero 26, 2013 a las 8:39 pm
Excelente aporte amigo, gracias por postear
Marina Diaz · febrero 27, 2013 a las 1:16 am
Muy buen post! Quería consultarte, se puede agregar un enlace a la imagen, que apunte a facebook por ejemplo? Gracias y saludos!
Marina
Miguel8919 · febrero 28, 2013 a las 2:14 am
Claro!! Solo tienes que agregar este código antes del codigo de la imagen:
Saludos!!
jose rodriguez · febrero 28, 2013 a las 6:03 pm
Y Despues que uno lo remodele que uno quiera que lo lectores lo vean que hacemos..
Miguel8919 · marzo 1, 2013 a las 2:27 am
Tan solo debes venir a este mismo post y eliminar los datos!! y todo normal de nuevo!!
Creda · marzo 13, 2013 a las 9:21 am
No encuentro la etiqueta primera etiqueta en el HTML de mi blog.
Hayder Juvinao · marzo 14, 2013 a las 9:51 pm
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’>
Anonymous · mayo 17, 2013 a las 12:52 pm
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?
Anonymous · junio 7, 2013 a las 2:57 pm
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.
Hayder Juvinao · junio 7, 2013 a las 4:41 pm
Amigo este es el código:
<a href=»URL ENLACE» target=»_blank» title=»SEO y Marketing online»><img src=»URL IMAGEN» /></a>
Ronald · junio 8, 2013 a las 12:26 am
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 🙁
Hayder Juvinao · junio 11, 2013 a las 3:31 pm
Amigo que bueno haberte podido ayudar, para escribir códigos en los comentarios debes usar un conversor de texto plano.
Saludos
lachozadeperri · agosto 12, 2013 a las 12:43 pm
a mi no me vale me dice no se puede leer :crying: :bobo: :LOL:
Hayder Juvinao · agosto 13, 2013 a las 8:36 pm
Amigo esto es raro ya que el truco funciona bien.
Saludos 😛
Sergi Márquez · enero 29, 2014 a las 4:13 pm
Hola, luego para eliminar lo de blog en construccion como se hace 🙂 Gracias.
Hayder Juvinao · febrero 4, 2014 a las 9:28 pm
Quita los códigos que añadiste para poner el truco 🙂
Saludos
Rodrigo Carrillo · diciembre 16, 2014 a las 2:22 pm
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
Hayder Juvinao · diciembre 17, 2014 a las 5:18 pm
Has probado el truco con distintos navegadores?
Enrique Vales · junio 16, 2015 a las 12:28 pm
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.
Juvinao · junio 28, 2015 a las 9:04 pm
Solo debes eliminar el código del truco y ya 😉