10/02/2011

Colocar Aviso de Blog em Manutenção

Muitos blogueiros perguntam sobre como colocar um aviso de blog em manutenção, isso é algo bem simples de fazer, você só precisa colocar algumas linhas de código nos lugares certos na pagina editar HTML e pronto. Claro que além deste código seria possível fazer uma postagem com o aviso de manutenção do site ou mesmo adicionar um gadget no inicio da pagina do seu blog. Em caso de duvidas veja os tutoriais abaixo:
Porque os códigos não funcionam no blog
Problemas para mover ou adicionar gadgets do blog

Mas vamos explicar como deixar somente um texto ou imagem no seu blog dizendo que está em manutenção. Entre na pagina editar HTML e procure por <body.....> aqui pode variar um pouco o que aparece mas o importante é achar <body e logo após essa linha coloque esse código:
<div style='text-align: center;'>sua mensagem</div>
<div style='display:none'>

No trecho sua mensagem, você pode usar um texto com qualquer formatação ou uma imagem, se tiver duvidas veja:
Como Formatar o Texto do Blog
Como fazer um banner

aviso de blog em manutenção
Agora procure por </body> e antes dele coloque </div>, então ficará deste jeito:

</div>
</body>


Quando quiser retirar essa mensagem de blog em manutenção só precisa apagar esses códigos, portanto preste atenção na hora de colocar para não ter dificuldades na hora de voltar seu blog ao normal.

Caso queira editar seu template será necessário retirar esses códigos para poder visualizar seu blog.

Estamos publicando isso devido a diversos pedidos de nossos visitantes, mas achamos que fazer uma postagem ou colocar uma imagem no inicio do blog são melhores maneiras do que esta para avisar que o blog passará algum tempo sem atualizações ou está em reforma.
Related Posts with Thumbnails

103 comentários:

  1. Muito bom essa dica cada vez mais o blog está ficando bem profissional. Hoje em dia existe vários blog que usuários nem sabe que estão hospedados no google pensão que é site!

    Espero que o blogger continue evoluindo cada vez mais e seja grátis também!

    ResponderExcluir
  2. Olá, Fabiano!
    Com este código, tudo o que está no blog sumirá momentaneamente e ficará apenas a mensagem de manutenção?
    Mudando de assunto: o Blogger tá mostrando as estatísticas em seu painel, só que ele fala em visualizações de páginas, isso não é a mesma coisa que número de visitas, certo?
    pra você, qual o melhor contador para blog (um que mostre visitantes online e total de visitantes - mas não precisa mostrar as visualizações de páginas)?
    Obs.: acho que meu contador do http://pt.99counters.com/ está deixando escapar algumas visitas (pelo que estou comparando com o meu feedjit.com).
    Abraço!

    ResponderExcluir
  3. esse código faz o blog ficar invisivel e só aparecer o texto ou imagem que colocar na primeira parte do código


    Victor Faria
    cada um gosta mais de um tipo de contador, mas o google analytics é bem completo, acho um dos melhores, mas é invisível no blog

    ResponderExcluir
  4. Olá, Fabiano!
    Gostaria de um contador que se coloque como acessório no blog (assim como o do 99counters, que aliás me parece também ter o modo invisível).

    ResponderExcluir
  5. para colocar um contador tem que pegar o código no site do contador e colocar no seu blog pela pagina designer, adicionar gadget, html/javascript e cole o código do contador

    ResponderExcluir
  6. Sei...
    Mas, você conhece outro além do 99Couters, mas que não mostre as visualizações de página e que diga os visitantes online e o total de visitantes e de onde eles vêm. Por enquanto, só conheço o que eu uso - http://pt.99counters.com/.

    ResponderExcluir
  7. Victor Faria
    nós usamos contadores diferentes para fazer isso, o sitemeter(total) e who's amung(visitantes online), acho que é uma boa opção

    ResponderExcluir
  8. Eu costumo ir em configurações e optar por colocar apenas para leitura. Depois eu volto.

    ResponderExcluir
  9. Boa noit Fabiano. Como faço para excluir o cabeçalho do blog? pela página de satatísticaas eu não consigo.

    ResponderExcluir
  10. Anônimo para excluir o caneçho do blog, acesse o painel do seu blog, clique em designe depois em editar no Gadget de cabeçários e excolha excluir. Pronto agora é so ver o resultado no seu blog. Não sou o Fabiano mais espero ter ajudado!

    ResponderExcluir
  11. Oi.
    Lembra da sua postagem "como substituir o texto postagens mais antigas/recentes" eu fiz e acabei tirando o texto,o que não iria fazer.
    Sabe como recuperar o texto?
    Agradeceria se respondesse.

    ResponderExcluir
  12. Ola gostaria de saber se tem como personalizar esse codigo ? tipo aumentar o tamanho fa fonte etc,...

    ResponderExcluir
  13. Rafael Henrique
    no tutorial tem o link que mostra como formatar o texto

    ResponderExcluir
  14. Olá, como vai? Já tinha visto um tutorial deste, mais nunca tinha dado certo, não sei se o defeito era o código ou eu mesmo. rs.. Vou tentar, se eu conseguir aviso! ;D

    ResponderExcluir
  15. Como coloco a foto manow? Coloko o link da foto no lugar daquela mensagem: Coloque seu texto

    É isso?

    ResponderExcluir
  16. Sega-Downs
    veja aqui
    Como fazer um banner

    lá tem um gerador de códigos para imagem, depois é só colocar o código no lugar indicado

    ResponderExcluir
  17. Olá Fabiano,
    É possível retirar a taja que fica na parte superior do blog, onde fazemos login, chamado de NAVBAR?

    ResponderExcluir
  18. Eu nao consegui achar o tal do eu só achei um monte de body mais nao desse geito ai de cima... me ajuda pliiiiiz

    ResponderExcluir
  19. se achou um monte de body no seu html deve ter algo errado, normalmente isso aparece poucas vezes, mas deve ter um <body

    ResponderExcluir
  20. valew a dica,,eu tava loko pra por no meu um tempo

    http://www.showdesigners.blogspot.com/

    ResponderExcluir
  21. Fabiano, eu fiz tudo direitinho, mas quando carrego pra pré-visualizar não aparece a mensagem, apenas o fundo do meu blog.

    ResponderExcluir
  22. Administradora
    você colocou o código depois da linha fechando então o código você coloca só depois dele e tem também a parte no final do html

    ResponderExcluir
  23. Voltei a tentar mas ficou igual. Vou te passar links com as imagens que eu print screen para você ver se acha o meu erro.
    Desculpe o incomodo.

    http://2.bp.blogspot.com/-xwiXOhQ0oXw/TWVfaSrvkXI/AAAAAAAAADE/tYwmKIUH7NI/s640/Nova+imagem.bmp

    http://3.bp.blogspot.com/-qiBYkgu9Fn8/TWVf6YwZEjI/AAAAAAAAADI/mlug5KiRaiw/s640/Nova+imagem+%25281%2529.bmp

    ResponderExcluir
  24. Administradora
    parece tudo certo com o seu código, talvez gerou erro devido a quebra de linhas, coloque deste jeito um código em cada linha

    <div style='text-align: center;'>
    sua mensagem
    </div>
    <div style='display:none'>

    ResponderExcluir
  25. cada vez q eu editava eu abria o meu blog, como eu nao queria q ninguem visse como estava ficando eu sempre ''fechava'' mas eu acho q eu fiz tantas vezes q eu nao consigo mais mudar o codigo HTML para voltar ao normal! oq eu faço?

    ResponderExcluir
  26. infelizmente o blogger está com problemas na hora de salvar as alterações de html, não tem o que possamos fazer só aguardar o blogger resolver isso

    ResponderExcluir
  27. Estou com dificuldade de colocar a aviso de manutenção no blog todas as tentativas que fiz deu erro. Gostaria de saber tambem, como faço para que as publicações no meu blog não apareça individualizada como se fosse varios blogs com o mesmo nome, na pesquisa do google? Por me ajude

    ResponderExcluir
  28. o aviso de manutenção não tem nada a ver como seu blog aparece no google, mas não é bom deixar o blog com o tal aviso por muito tempo

    ResponderExcluir
  29. eu gostei muito do posta ateh deu certo na hora de colocar na manutencao + quando eu vo tira o </div fla q da erro no xml tem como faze um video pra explica melhor ?

    ResponderExcluir
  30. para retirar tem que apagar esses códigos que mostramos aqui

    não esqueça de retirar o trecho no final do html... muita gente na hora de retirar o código só apaga a primeira parte e isso gera um erro.

    ResponderExcluir
  31. tente novamente e cuidado com o detalhes, as vezes está colocando o código na linha errada ou apagando algum letra por engano

    ResponderExcluir
  32. eu fiz tudo certo mais na hora deu esse erro:

    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Element type "body" must be followed by either attribute specifications, ">" or "/>".

    ResponderExcluir
  33. provavelmente é um sinal faltando: aspas ou barra no final... veja os detalhes do código na hora de alterar

    ResponderExcluir
  34. E se eu quisesse assim:
    Uma mensagem ou imagem o ate uma pagina que em vez de dá só a mensagem, ir pro site.
    Exemplo:
    Entrar no Site... ai redirecionava pro site
    tem como?

    ResponderExcluir
  35. ZinMusic
    pode colocar uma imagem com link usando esse código: <a href="http://dicasparablogs.com.br"><img src="endereço da imagem" border="0" /></a></body>

    ou se quiser redicionar automaticamente veja aqui: Redirecionamento

    ResponderExcluir
  36. Oi, eu queria uma ajuda.. tipo, tem algum código que faça com que só os nossos visitantes veja essa página, enquanto vou modificar algo no template do meu blog? Queria que você me informasse, Obrigado pela ajuda

    ResponderExcluir
  37. só é possivel colocar o aviso... não tem como mandar os visitantes para outra pagina...

    ResponderExcluir
  38. Eu acresentei uma imagem em vez de sua mensagem ficou bem mais legal.Funcionou certinho.Ha adm coloca este detalhe da imagen pq muita gente andam procurando por isto....Muito Obrigado.

    ResponderExcluir
  39. Como colocar uma imagem em meu flog que some quando a pessoa clica em fechar?

    ResponderExcluir
  40. flog? não tenho código para usar neles...

    ResponderExcluir
  41. Como eu posso mexer na parte de Layout (ou Elementos da Pagina), estando em manutenção? Eu consigo mexer em tudo, menos na parte de Layout
    Obrigada

    ResponderExcluir
  42. Sara
    esse aviso serve para caso tenha que deixar as alterações do template para terminar no outro dia...

    mas enquando faz a edição tem que retirar o código para visualizar o seu blog...

    ResponderExcluir
  43. Como coloca uma IMAGEM, eu coloco o url no 'Sua Mensagem aqui' e só aparece o link da imagem.

    ResponderExcluir
  44. Alexssandro costa
    o código da imagem é assim: <img src="endereço da imagem" border="0" />

    ResponderExcluir
  45. Por favor não estou conseguindo colocar o aviso e não localizei o Body eu ja procurei como "<Body" depois apertei ctrl +F pra localizar mas achou um boddy mas quando eu coloco o codigo da como codigo errado.

    ResponderExcluir
  46. DBZ NEWS
    já tem outras coisas no body, você não deve alterar

    além disso quando for modificar o código cuidado para não apagar os sinais por engano

    no código tem ' se usar aspas dá erro

    ResponderExcluir
  47. nossa eu odeio esse site porque não mostra nada certo eu tentei fazer um monte de coisas aqui e nada da certo ! >_<

    ResponderExcluir
  48. mexer com html é mesmo complicado ... senão usar os códigos no lugares exatos não funciona

    ResponderExcluir
  49. Tentei colocar esse código mas não funciona. Cliquei em visualizar e aparece isso:Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Element type "body" must be followed by either attribute specifications, ">" or "/>".
    Error 500

    Será que alguém pode me ajudar? Se sim muito obrigada.

    ResponderExcluir
  50. anonimo
    deve ter faltado algum sinal no hora de colocar o código: ' / > <

    ResponderExcluir
  51. Isso é meio idiota né?

    Como mexerei no meu template sem poder vizualisar? Vcs deveriam ensinar como colocar o blog em manutenção para poder arrumarmos o template e não simplesmente deixá-lo com um aviso de manutenção que aparecerá para quem edita o blog tbm...

    ResponderExcluir
  52. @Anônimo a utilidade deste código seria caso tenha um problema nas edições do template e tenha que deixar para terminar no outro dia... então usaria o aviso.

    mas eu também não sou a favor do tal aviso

    ResponderExcluir
  53. Como faço para criar uma imagem de manutenção como essa do dicas para blogs?

    ResponderExcluir
  54. para criar imagens tem que usar um programa de edição ou achar a imagem pronta em algum site

    ResponderExcluir
  55. Olá como mudar a parte blogspot do site exemplo:
    exemplo.blogspot.com queria por com .com.br tipo:
    exemplo.com.br da para fazer isso?

    ResponderExcluir
  56. Eu não tô conseguindo, fiz tudo certinho, mas não consigo!! =/, vocês poderiam fazer um vídeo?

    ResponderExcluir
  57. não tem muito que explicar no video porque basicamente é achar os trechos no html e colocar o código

    talvez tenha usado um endereço de imagem errado

    ResponderExcluir
  58. Como assim retirar esses códigos?

    ResponderExcluir
  59. para retirar tem que achar o lugar onde fez as alterações e apagar e deixar o código como era antes

    ResponderExcluir
  60. Quando o meu blog estava em reforma estava querendo colocar essa mensagem, não sabia como, mais agora que sempre vejo seus 2 blogs sempre sei de coisas novas e é verdade, com essas coisas que vc ensina no site dicas para blogs ensina os blogueiros a fazer seus blogs ficarem mais profissional, antes os visitantes sabiam que meus blogs eram blogs, agora eles acham que é um site

    ResponderExcluir
  61. Desculpem, mas acho que vocês estragaram o meu blog, porque quando eu tentei retirar o código tudo do blog sumiu! SOCORRO PESSOAL

    ResponderExcluir
  62. se não salvou uma cópia do seu template acho que não tem como recuperar seu template.

    mas olhe novamente deve ser algum detalhe errado que deixou na hora de retirar o código

    ResponderExcluir
  63. Milk ou Lahh
    o que está querendo um texto com bordas? se for veja aqui: Colocar ou alterar as bordas

    ResponderExcluir
  64. e quando precisamos colocar o aviso de mudança de endereço,é possivel fazer esta imagem redirecionar para o site da mudança?

    ResponderExcluir
  65. Fabricio Santana o melhor seria usar esse código: Fazer Pagina de Boas Vindas no Blog - Criar Pagina de Abertura

    e você pode colocar o endereço de qualquer pagina na imagem de abertura.

    ResponderExcluir
  66. nao consegui usar isso me ajuda ygovs2@hotmail.com

    ResponderExcluir
  67. Oiie você pode me ajudar por favor !! Eu fiz tudo direiitinho e quando salvo e vou ver aparece so o fundo do meu blog !!! Por fvor me ajuda :)
    extrema urgencia

    http://cupcakofdream.blogspot.com

    ResponderExcluir
  68. você deve ter usado o endereço de imagem errada no aviso por isso só aparece o fundo

    ResponderExcluir
  69. seu post e muito bom mais preciso de algo parecido, quero colocar uma imagem somente na primeira pagina do blog e dai cria links na proprio imagem que direcionem para as proximas paginas que estarão normais... tem como fazer isso em cima desse codigo ai?

    ResponderExcluir
  70. no meu html eu não tenho o código body.
    Como eu faço?

    ResponderExcluir
  71. Gyovanna e Carol use o ctrl F para procurar. todo site ou blog tem < / body >

    ResponderExcluir
  72. ele pode não ser exatamente igual, por exemplo
    < body .... > e tem mais coisas junto

    ResponderExcluir
  73. Fabiano eu não consigo fazer de jeito nenhum sempre quando eu coloco VISUALIZAR ( para não danificar o blog ) aparece assim:

    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Element type "body" must be followed by either attribute specifications, ">" or "/>".

    Error 500

    ResponderExcluir
  74. Carly Jr. faltou algum detalhe na hora de editar o código por exemplo você apagou ou deixou sobrando algum sinal ' ; > < " /

    outro detalhe é que ' é diferente de " e isso também gera erro

    ResponderExcluir
  75. No meu blog ficou uma borda entre a imagem! como arrumo isso?

    ResponderExcluir
  76. pode colocar border="0" no código da imagem, veja aqui sobre bordas nas imagens:
    Colocar bordas nas imagens do blog

    ResponderExcluir
  77. Este post é util mas eu procurava algo como só um aviso que se possa fechar e que todos possam aceder.

    ResponderExcluir
  78. Ols Fabiano Roberto eu estou a procura de um aviso deste modo http://cdzplanet-cp.blogspot.com.br/.
    a algum tutorial de como faze-lo ?

    ResponderExcluir
  79. esse tipo de aviso é feito com dois blogs, veja que o endereço do link é outro.

    mas não acho um bom negocio usar isso afinal o google vai indexar o blog que tem conteúdo e não a pagina de abertura.

    ResponderExcluir
  80. Oi fabiano. não consegui fazer eu até olhei o post como fazer um banner, mais o imageShack não funcionou. qual dos códigos eu pego? geralmente é o link direto mais não deu certo!

    ResponderExcluir
  81. Secreta concordo com você é o link direito ou direct link.

    qual o endereço da imagem que você usou?

    ResponderExcluir
  82. Num Deu Aqui Fica Aparecendo Error500 E Não Vai!! Diz Que Ñ Consegue lÊ!! e ja repiti isso milhares de vezes!! estou tentando com texto e com imagem do tinypic!!affz

    ResponderExcluir
  83. Pena que não tenho como visualizar como está ficando...

    ResponderExcluir
  84. Eai Fabiano, eu queria saber como que eu coloco a imagem nesse código, eu tenho q pegar a URL dela ou a HTML, ou não é nem um nem outro???

    ResponderExcluir
  85. não consigo voltar o blog ao normal! como faço?

    ResponderExcluir
  86. o unicio jeito é achar os códigos que colocou e retirar.

    se não conseguir terá que trocar o template

    ResponderExcluir
  87. No Wordpress da pra fazer isso?

    ResponderExcluir
  88. no wordpress não testei.

    mas sei que é possivel definir uma postagem como pagina inicial, então acho que a melhor solução é criar uma pagina com esse aviso e depois deletar

    ResponderExcluir
  89. Olá,
    Como faço pra colocar uma imagem grande do tamanho da tela com um link anexado.
    Tipo assim;
    Gostaria de colocar uma imagem do tamanho da tela com um botão pequeno de envio de e-mail, entre em contato ou direcionamento para outro link.
    Como posso fazer isto?
    Desde ja, obrigado!

    Para quem souber , por favor me envie o tutorial, meu contato:
    cidadaosa@gmail.com

    ResponderExcluir
    Respostas
    1. no trecho do código onde falamos para colocar a imagem pode usar varios códigos como por exemplo 2 imagens com links (uma grande e outra para inscrição)

      Excluir
  90. Fabiano vou colocar no meu blog.
    Desde já agradeço.
    Sucesso para você!

    ResponderExcluir
  91. interessante até cheguei a usar por um momento, mas eu preferi fazer usando cookies e javascript, pois eu queria que o usuario tivesse a opção de acessar o blog mesmo estando em manutenção. assim eu coloquei um botaõ que quando o usuario clica ele define um cookie e o javascript muda as preferencias pra n exibir mais o aviso de manutenção e exibir o blog normalmente, os cookies são para a mensagem nao ser exibida toda vez q o usuario muda de página.. da uma olhada la www.pokexgames-tutorias.blogspot.com , no caso eu tirei a opção de manutenção, mas o banner da promoção que eh exibido ao entrar no blog segue o mesmo principio

    abraços

    ResponderExcluir