Mensagem de site em manutenção em Dengan CSS

mensagem de manutenção dengan css jasa

Hoje vamos mostrar como colocar uma imagem site em manutenção compartilhado por kompiajaib isso é útil uma vez que podemos avisar o visitante que o nosso Blog esta passando por manutenção no momento se você deseja experimentar siga os passos abaixo


Adicionando mensagem site em manutenção Dengan Css

Faça login no blogger então va no menu tema >> editar Html com as teclas combinadas CTRL+F
busque por </head> então logo acima disso copie e cole o seguinte código:

<style type='text/css'>
/*<![CDATA[*/
html:after {
  content: "";
  background: #fff url(https://2.bp.blogspot.com/-7xbzasXFR50/Wa43L1IIFAI/AAAAAAAAskE/JKR51NgBl_EIuoZJylbY3QqhQv03tR2LwCLcBGAs/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>

Então salve e veja o resultado.

Click to comment