Create a Maintenance Mode View With CSS
Create a Maintenance Mode View With CSS - Hello friend sopintar.blogspot.com SCIENCE & NEWS, In the article that you read this time with the title Create a Maintenance Mode View With CSS, we have prepared this article well for you to read and retrieve information in it. hopefully fill in the post
Artikel TUTORIAL, what we write can you understand. OK, happy reading.
link : Create a Maintenance Mode View With CSS
1. Please Login to Blogger
2. Select Theme> Edit HTML
3. Please find your code </ head> or head / or something else
4. And put the code below just above the code.
link : Create a Maintenance Mode View With CSS
Create a Maintenance Mode View With CSS - I've seen a blog or website that is improving the look or structure of the template, the result of the web / blog view becomes disorganized. Therefore I will share how to make the website / blog look into maintenance mode.
I've seen a blog or website that is improving the look or structure of the template, the result of the web / blog view becomes disorganized. Therefore I will share how to make the website / blog look into maintenance mode.
 |
| Create a Maintenance Mode View With CSS |
It's a good idea to fix or add some features to your design or web interface, you change your web look with maintenance mode, because it can be bad for you. Because if there is someone a visitor and you are improving your blog at that time, automatic blog display is not terartur, and visitors will not last long in your blog. This tutorial I got from a blog that shares about the tutorial.
Make Mode Maintenance Mode With CSS1. Please Login to Blogger
2. Select Theme> Edit HTML
3. Please find your code </ head> or head / or something else
4. And put the code below just above the code.
<style type='text/css'>
/*<![CDATA[*/
html:after {
content: "";
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqNFbd4B2FWroJ8kkxG1YoXhAS7by_nSYi9UFPzhfeH3ePWs5ZzKlk-se-iWj6CTDAk-jI21YW0PrhZe8a-MFU2LOdrNth0fTJrZVQD0y3iyv_0NQYNaNuRAa4ruK3cbwNAAbmPrCMmts/s1600/maintainance.jpg) no-repeat;
background-size: auto;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
background-position: center;
}
body {
display:none;
}
@media screen and (max-width:800px) {
html:after {
background-size: contain;
}
}
/*]]>*/
</style>
You can also change the appearance of the image, replace the writing in color with the image url of your taste.
And if you've done modifications on your web / blog, please you remove the code from your template, then automatically the code will be lost: D
This is the article Create a Maintenance Mode View With CSS
So many articles Create a Maintenance Mode View With CSS this time, hopefully it can benefit you all. OK, see you in another article.