Como Colocar Mensagem de Blog em Manutenção

colocar mensagem blog em manutencao
Entenda como deixar uma mensagem de aviso que seu blog está em manutenção.

Apresentamos hoje mais uma dica para alguns momentos necessários que precisamos ter em nossa página. Fazer manutenção do blog, que pode ser inúmeras coisas que precisarem ser ajustadas ou uma simples instalação de algum widget, mas que, não podemos deixar de "avisar" aos visitantes que o blog esteja passando por algum procedimento.

Mensagem de blog em manutenção? Pra quê?

Muitos podem se peguntar, por que preciso avisar que meu blog está em manutenção? E a resposta é simples. Você visita um blog em busca de algo necessário e de repente se depara com uma página toda desestruturada, lenta, widgets embolados com as postagens e pensa: "Ahh! esse blog é muito ruim, mal cuidado, páginas que demoram uma eternidade para abrir, nunca mais vou visitar!"

Então, não é isso que você quer para seu blog. Mas se você visita uma página e se depara com uma mensagem "Aguarde!! Blog em Manutenção", aí você pensa "Estão realizando algum reparo, mas logo estarão de volta, depois a visito". 

Se você entendeu a diferença pode notar a necessidade de às vezes utilizar esse tutorial. E, é o que o ProDeveloper lhe explica como é simples de colocar uma mensagem de blog em manutenção e, além de tudo com a possibilidade de personalizar com uma imagem a seu gosto.


Tutorial

>> Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".

>> Clique no código de seu template, pressione "CTRL+F" e pesquise por <body> 

* Em alguns casos poderá estar assim:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
>> Logo ABAIXO do trecho encontrado cole o seguinte código:
<div style='text-align: center;'><img height='100%' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-V96l0sZR86WnTSGjs-uXp2mPqQsKYO1H6sFwrXe1b2G74S0VRl6-ydOY70qPVhqVKPSuSlh9UFdthCs9VdKEEcIZT9hTdHL7dY0CUBRp0C1ao9uI2vGQ0M8Jr-XumDFuJNa5v7U4uc/s1600/manutencao.gif' width='100%'/></div>
<div style='display:none'>
* O trecho destacado em VERMELHO, representa a imagem que aparecerá com a mensagem. Altere caso desejar por uma a seu gosto.

>> Pesquise agora por </body>

>> Logo ACIMA, coloque </div> ficando assim:
</div>
</body>
>> Clique em "Salvar Modelo".

>> Vá em seu blog e veja como ficou.

Observação: Para que seu blog volte ao "normal", você deverá retirar todo o trecho de código acrescentado utilizando esse tutorial.

Deixe seu comentário, pois ele é a motivação para nosso trabalho.

Comentários

 
Copyright ©2015 Canal Do MatheusBR Todos os Direitos reservados | Designed by Sinistro de BTN