2009/07/03

Make "Under Construction" page

Sometimes you need to change your template as designing, making some new...or you want to hide your blog in a short time.That's really great if you make your blog screen to be blur with the big words like "Under construction".Your visitors will not wonder why they cannot load your site and they will understand you are building or updating somethings.
This is not a hard tip, but maybe in some cases it will be very useful for you.So I decided to write this tip for you.



Take a look at the demo and see how it looks before making it.
Log in your blogger account and let see your source template.
Ok add this code before the ]]></b:skin> tag :

#zenunder{
background:url(http://www.pirolab.it/def/descr.png) repeat!important;
background:#000;
position:fixed!important;
position:absolute;
top:0;
left:0;
z-index:10000000;
width:100%;
height:1350px;
margin:0;
padding:0;
}
#zenunder p{
text-align:center;
color:#cccccc;
font-size:17px;
letter-spacing:1px;
margin-top:30%!important;
margin-top:150px;
}


Alright, next just add this code below the <body> tag :

<div id='zenunder'>
<p>Under construction, Please come back later!!!<br/>
<img alt='loader' height='150' src='underconstruction-image.jpg' style='margin-top:10px;' width='150'/></p>
</div>


That's all, but let me explain somethings for you:
-The red code : that's the background image of the whole screen.If you don't like that image, you can change it by another one.
-The pink code: That's the image of any pic you want to put, it will appear in the middle of your blog and a short description.
-The blue code : that's the size of the middle image base on your image size to fit it.

Hope you like it, share it and don't forget to subscribe me.Thank you!


Requirements:CSS
Website: http://zenplate.blogspot.com
Author : Zen

3 comments:

Widgets for Blogger said...

By the way, do you have an Entrecard widget here? You have dropped on my blog few times. But, when I come back to drop on your blog, I cannot find the widget. Can you look into it? Thanks.

vuluganck said...

Well thank you but I dont put entre widget here.

renovatenrenew said...

when we have finished with our blog..
how can we make our blog be as usual?


its doesnt effect our blogs' contents, right?

thnks

Post a Comment

Thanks for reading , if you have any problem please leave me a comment here I will help you by my best.Please note that you put the friendly words tohelp each other to improving and developing these tips to be better,or the best way for you to track my blog is subscribing my Feed.You are always welcome on Zenplate.
Best regard
Zen

 
.