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

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.

Postagens mais Comentadas Receba Dicas por E-mail Recomendações dos Leitores

Link desta Pagina

95Comentários:

Caroline Soledade disse...: Este comentário foi removido pelo autor.; 10 de fevereiro de 2011 17:07
Antonio Hipolito disse...: 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!; 11 de fevereiro de 2011 16:15
Victor Faria disse...: 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!; 11 de fevereiro de 2011 19:46
Fabiano Roberto disse...: 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; 11 de fevereiro de 2011 21:59
Victor Faria disse...: 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).; 11 de fevereiro de 2011 22:45
Fabiano Roberto disse...: 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; 12 de fevereiro de 2011 01:09
Victor Faria disse...: 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/.; 12 de fevereiro de 2011 01:54
Fabiano Roberto disse...: 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; 12 de fevereiro de 2011 13:04
Site Relacionamentos disse...: Eu costumo ir em configurações e optar por colocar apenas para leitura. Depois eu volto.; 12 de fevereiro de 2011 21:20
Anônimo disse...: Boa noit Fabiano. Como faço para excluir o cabeçalho do blog? pela página de satatísticaas eu não consigo.; 13 de fevereiro de 2011 12:52
Luis Henriques disse...: 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!; 13 de fevereiro de 2011 19:21
marcello disse...: 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.; 13 de fevereiro de 2011 21:48
Rafael Henrique disse...: Ola gostaria de saber se tem como personalizar esse codigo ? tipo aumentar o tamanho fa fonte etc,...; 13 de fevereiro de 2011 23:08
Fabiano Roberto disse...: Rafael Henrique
no tutorial tem o link que mostra como formatar o texto; 14 de fevereiro de 2011 00:20
Fabiano Roberto disse...: marcello

no tutorial sobre Alterar texto postagens mais antigas e mais recentes tem os códigos completos; 14 de fevereiro de 2011 00:21
ideiasdokevin.com disse...: 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; 14 de fevereiro de 2011 14:40
Sega-Downs disse...: Como coloco a foto manow? Coloko o link da foto no lugar daquela mensagem: Coloque seu texto

É isso?; 16 de fevereiro de 2011 15:55
Fabiano Roberto disse...: 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; 16 de fevereiro de 2011 16:04
José Luiz disse...: Olá Fabiano,
É possível retirar a taja que fica na parte superior do blog, onde fazemos login, chamado de NAVBAR?; 16 de fevereiro de 2011 17:43
Fabiano Roberto disse...: veja aqui sobre Retirar a barra do blogspot; 16 de fevereiro de 2011 22:13
Arthurmonteiiro. disse...: Eu nao consegui achar o tal do eu só achei um monte de body mais nao desse geito ai de cima... me ajuda pliiiiiz; 18 de fevereiro de 2011 15:30
Fabiano Roberto disse...: se achou um monte de body no seu html deve ter algo errado, normalmente isso aparece poucas vezes, mas deve ter um <body; 18 de fevereiro de 2011 16:28
BY LUKAS 3D disse...: valew a dica,,eu tava loko pra por no meu um tempo

http://www.showdesigners.blogspot.com/; 22 de fevereiro de 2011 02:06
Administradora disse...: Fabiano, eu fiz tudo direitinho, mas quando carrego pra pré-visualizar não aparece a mensagem, apenas o fundo do meu blog.; 22 de fevereiro de 2011 13:42
Fabiano Roberto disse...: 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; 22 de fevereiro de 2011 14:38
Administradora disse...: 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; 23 de fevereiro de 2011 16:32
Fabiano Roberto disse...: 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'>; 23 de fevereiro de 2011 16:44
Anônimo disse...: 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?; 25 de fevereiro de 2011 19:30
Fabiano Roberto disse...: 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; 25 de fevereiro de 2011 19:35
Licinha disse...: 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; 27 de fevereiro de 2011 15:52
Fabiano Roberto disse...: 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; 27 de fevereiro de 2011 18:17
Admin disse...: 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 ?; 16 de março de 2011 16:05
Fabiano Roberto disse...: 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.; 16 de março de 2011 17:04
Felipe Arce disse...: não consigo de jeito nem um aff; 17 de março de 2011 01:01
Fabiano Roberto disse...: tente novamente e cuidado com o detalhes, as vezes está colocando o código na linha errada ou apagando algum letra por engano; 17 de março de 2011 14:22
Kelven disse...: 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 "/>".; 19 de maio de 2011 12:34
Fabiano Roberto disse...: provavelmente é um sinal faltando: aspas ou barra no final... veja os detalhes do código na hora de alterar; 19 de maio de 2011 14:23
ZinMusic disse...: 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?; 20 de junho de 2011 01:10
Fabiano Roberto disse...: 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; 20 de junho de 2011 13:59
Germano Garcia disse...: 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; 2 de julho de 2011 23:54
Fabiano Roberto disse...: só é possivel colocar o aviso... não tem como mandar os visitantes para outra pagina...; 3 de julho de 2011 00:14
QuiCompleto disse...: 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.; 11 de julho de 2011 08:42
Meu Sonho Real disse...: Como colocar uma imagem em meu flog que some quando a pessoa clica em fechar?; 27 de agosto de 2011 23:33
Fabiano Roberto disse...: flog? não tenho código para usar neles...; 28 de agosto de 2011 01:23
Sara disse...: 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; 27 de setembro de 2011 21:06
Fabiano Roberto disse...: 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...; 28 de setembro de 2011 15:18
Alexssandro Costa disse...: Como coloca uma IMAGEM, eu coloco o url no 'Sua Mensagem aqui' e só aparece o link da imagem.; 30 de setembro de 2011 21:58
Fabiano Roberto disse...: Alexssandro costa
o código da imagem é assim: <img src="endereço da imagem" border="0" />; 30 de setembro de 2011 23:37
DBZ NEWS disse...: 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.; 3 de outubro de 2011 13:16
Fabiano Roberto disse...: 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; 3 de outubro de 2011 13:36
Anônimo disse...: nossa eu odeio esse site porque não mostra nada certo eu tentei fazer um monte de coisas aqui e nada da certo ! >_<; 16 de outubro de 2011 22:25
Fabiano Roberto disse...: mexer com html é mesmo complicado ... senão usar os códigos no lugares exatos não funciona; 17 de outubro de 2011 00:01
Anônimo disse...: 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.; 28 de outubro de 2011 10:47
Fabiano Roberto disse...: anonimo
deve ter faltado algum sinal no hora de colocar o código: ' / > <; 28 de outubro de 2011 14:02
Anônimo disse...: 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...; 27 de novembro de 2011 12:43
Fabiano Roberto disse...: @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; 27 de novembro de 2011 19:37
Ives Henrique disse...: Como faço para criar uma imagem de manutenção como essa do dicas para blogs?; 6 de dezembro de 2011 18:16
Fabiano Roberto disse...: para criar imagens tem que usar um programa de edição ou achar a imagem pronta em algum site; 6 de dezembro de 2011 23:46
João_FG disse...: 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?; 25 de dezembro de 2011 19:36
Fabiano Roberto disse...: @João_FG veja aqui Qual a Melhor opção para Registrar Domínio do seu Blog; 25 de dezembro de 2011 20:30
Bia e Ju disse...: Eu não tô conseguindo, fiz tudo certinho, mas não consigo!! =/, vocês poderiam fazer um vídeo?; 28 de dezembro de 2011 15:45
Fabiano Roberto disse...: 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; 28 de dezembro de 2011 18:44
Ice Inho disse...: Como assim retirar esses códigos?; 1 de janeiro de 2012 22:59
Fabiano Roberto disse...: para retirar tem que achar o lugar onde fez as alterações e apagar e deixar o código como era antes; 2 de janeiro de 2012 00:11
Angelo e Qui disse...: 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; 5 de janeiro de 2012 17:40
Fabiano Roberto disse...: obrigado pelos elogios; 5 de janeiro de 2012 20:53
Laura Molan disse...: Desculpem, mas acho que vocês estragaram o meu blog, porque quando eu tentei retirar o código tudo do blog sumiu! SOCORRO PESSOAL; 19 de janeiro de 2012 10:38
Fabiano Roberto disse...: 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; 19 de janeiro de 2012 14:31
Milk ou Lahh disse...: Dá pra colocar blockote?; 20 de janeiro de 2012 21:29
Fabiano Roberto disse...: Milk ou Lahh
o que está querendo um texto com bordas? se for veja aqui: Colocar ou alterar as bordas; 21 de janeiro de 2012 00:18
Fabricio Santana disse...: e quando precisamos colocar o aviso de mudança de endereço,é possivel fazer esta imagem redirecionar para o site da mudança?; 23 de janeiro de 2012 15:24
Fabiano Roberto disse...: 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.; 23 de janeiro de 2012 16:42
Yagovs1 disse...: nao consegui usar isso me ajuda ygovs2@hotmail.com; 22 de fevereiro de 2012 12:02
Silvio Santos disse...: O meu não tem o tag body; 26 de fevereiro de 2012 15:26
Giih disse...: 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; 31 de março de 2012 15:07
Fabiano Roberto disse...: você deve ter usado o endereço de imagem errada no aviso por isso só aparece o fundo; 31 de março de 2012 19:37
Adriano Camargo disse...: 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?; 2 de abril de 2012 20:56
Fabiano Roberto disse...: Adriano Camargo

veja aqui
Fazer Pagina de Boas Vindas no Blog - Criar Pagina de Abertura

.; 3 de abril de 2012 15:27
Anônimo disse...: Valeu ajudo muito; 16 de abril de 2012 16:25
Gyovanna e Carol disse...: no meu html eu não tenho o código body.
Como eu faço?; 8 de junho de 2012 10:44
Fabiano Roberto disse...: Gyovanna e Carol use o ctrl F para procurar. todo site ou blog tem < / body >; 8 de junho de 2012 12:15
Fabiano Roberto disse...: ele pode não ser exatamente igual, por exemplo
< body .... > e tem mais coisas junto; 8 de junho de 2012 12:16
Carly...Jr. disse...: 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; 16 de junho de 2012 09:54
Fabiano Roberto disse...: 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; 16 de junho de 2012 12:37
Team TheDivasClub disse...: No meu blog ficou uma borda entre a imagem! como arrumo isso?; 16 de julho de 2012 22:31
Fabiano Roberto disse...: pode colocar border="0" no código da imagem, veja aqui sobre bordas nas imagens:
Colocar bordas nas imagens do blog; 16 de julho de 2012 22:48
Fabio Castanheira disse...: Este post é util mas eu procurava algo como só um aviso que se possa fechar e que todos possam aceder.; 17 de julho de 2012 17:16
Daniel Barreto disse...: 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 ?; 28 de outubro de 2012 20:54
Fabiano Roberto disse...: 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.; 28 de outubro de 2012 20:56
Secreta disse...: 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!; 3 de janeiro de 2013 21:29
Fabiano Roberto disse...: Secreta concordo com você é o link direito ou direct link.

qual o endereço da imagem que você usou?; 3 de janeiro de 2013 22:00
vinicius sena disse...: 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; 30 de janeiro de 2013 12:45
Vítor Gomes Neves Oliveira disse...: Pena que não tenho como visualizar como está ficando...; 17 de fevereiro de 2013 12:11
Teuuh SP disse...: 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???; 5 de abril de 2013 13:19
Fabiano Roberto disse...: tem que ser o código html da imagem; 5 de abril de 2013 14:12

Colocar Aviso de Blog em Manutenção

95Comentários:

Postar um comentário