Aviso de Blog en Construcción Blogger. ~ Blogger Get Ready y ¡listo!.

20120921

Aviso de Blog en Construcción Blogger.

13:19 Blogger, Blogs, Comenzar, Consejos, Editar, Imágenes, Inicio, Personalizar, Plantilla, Tutoriales, Visitas 4 comments

Una imagen que indique que un Blog esta "en construcción" es muy útil,cuando estamos haciendo trabajos en el blog,bien sea cuando se crea el blog nuevo,ya que hay que agregar muchos elementos y post,o por otros motivos de cambios importantes de diseño.

Podemos optar por dos opciones,la primera y mas sencilla es poner una de las imagenes de "blog en construcción" donde podáis o sepáis (sencillo ¿no? ) ponerlo en un post directamente (mientras se añaden elementos al blog,traductor,contador,etc...) o a alguna columna central,cada cambio sera inmediatamente visto por los visitantes.

La segunda forma cierra a los visitantes la posibilidad de ver los cambios que se hagan mientras "esta en construcción",la ventaja de esta segunda forma está en que podemos trabajar en el blog tranquilamente y mostrarlo cuando creamos que esta perfectamente completo o listo para su uso.

Para hacer esto último,vamos a Plantilla,Edición de HTML,Continuar,(Usamos el método de búsqueda de nuestro teclado "Control+F") y buscamos: body { justo antes de esto ponemos:

body#layout #construccion {display:none !important;}
body#layout .blog-admin {display:block !important;}

Ahora busca: <body> o <body expr:class='"loading" + data:blog.mobileClass'>
Debajo de cualquiera de esas agrega:

<div id='construccion' style='background:#FFF; height:700px;'>
<div style='margin-top:-30px; text-align: center; padding-top:100px;'>
<img border='0' src='URL de la imagen'/></div>


</div>
<span class='item-control blog-admin'>

Ahora busca la etiqueta </body> y justo arriba de ella agrega:

</span>

EDITAR:
Poner la "URL" (azul)de la imagen que mostrará a las visitas "que el blog está en construcción" y listo.

Lo de color rojo puedes modificar el color de fondo, la altura de la pantalla, y la distancia de la imagen desde arriba.

*Una imagen no es lo único que puedes poner,puedes poner cualquier elemento aceptable, como un texto, un vídeo, o un juego en flash para que tus lectores se entretengan mientras terminas de construir el blog. Cualquiera de esos elementos debes ponerlos antes </div> en color verde.

Así mientras hagas cambios importantes en el blog los lectores no verán todo el desastre mientras se vuelve todo patas arriba.Toma en cuenta que,(con este método) aunque nosotros sí podremos ver el blog, no podremos verlo completo desde la Vista Previa, y si entras a tu blog mientras tengas el aviso "En construcción" primero verás el mismo anuncio que ven tus lectores, y bajando la página aparecerá todo tu blog.

Espero os guste, y ahora estos tips de imagenes de "blog en construcción" de las que podéis obtener la "url" de la imagen que os guste para añadirla en la parte indicada del código anterior para la imagen a mostrar: