06/01/2012

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

Vamos mostrar como criar uma pagina de abertura no blogger porque muitos blogueiros querem colocar uma imagem como fazer uma pagina de boas vindas no blog e não sabem como fazer e isso é mais simples do que parece só precisa criar uma imagem e depois alterar algumas linhas de código HTML no seu blog e seu blog terá uma pagina de abertura com imagens ou textos que desejar.
pagina de abertura no blogger

O primeiro passo é criar e hospedar uma imagem para usar como abertura do seu blog sobre esses assuntos você pode ver nestes links:

Editar e Colocar Efeitos em Fotos e Imagens Online
Criar Banners Online
Hospedar Imagens no Blogger

Depois que já tiver a imagem de abertura do seu blog pronta então escolha uma pagina do seu blog que abrirá ao clicar no link da sua pagina de abertura e copie o endereço dela. Agora coloque o endereço da imagem e o endereço pagina do blog neste código:

<b:if cond='data:blog.homepageUrl == data:blog.url'><center><a href='http://www.dicasparablogs.com.br/p/lista-de-tutoriais.html' title='Bem Vindo ao nosso Site !!!'><img border='0' src='http://www.google.com/logos/2011/brazil_day-2011-hp.jpg'/></a></center><b:else/>


Entre na pagina modelo, sugerimos fazer um backup do seu template, antes de fazer qualquer alteração, clique para editar HTML, use o ctrl F para encontrar <body .... > e coloque o código depois dele. Esse trecho varia um pouco, mas o importante é colocar o código após fechar a tag body, ou seja, depois do sinal >.

Agora procure por </body> e coloque </b:if> antes dele. Salve as alterações feitas e já está tudo pronto. Veja aqui sobre Retirar a barra do blogspot.


Testamos o código em templates padrão do blogger, ou seja, se você baixou algum template da internet pode ser que use tags diferentes e o código não funcione corretamente. Veja aqui como Fazer Pagina com Atualizações mais Recentes do Blog para usar como link na imagem da pagina de abertura do blog.

Fizemos esse tutorial por causa de vários pedidos que recebessem e cada blogueiro deve decidir e deve ou não fazer uma pagina de abertura para o blog como já falamos no tutorial Quais os Melhores Gadgets e Acessórios para Blogs existem muitos tipos de blogs e visitantes então cada um deve sabe o que é melhor para seu blog.
Related Posts with Thumbnails

185 comentários:

  1. a parte mais dificil foi fazer a imagem, colocar o código foi facil

    adorei

    ResponderExcluir
  2. muito obrigado, tava a meses procurando como fazer isso.

    ResponderExcluir
  3. Gostei, coloquei em todos os meus blogs

    ResponderExcluir
  4. Muito bom Fabiano, tava procurando isso faz tempo, ía até pedir pra você fazer um tutorial assim mas nem sabia como explicar.

    Abraços!!!

    ResponderExcluir
  5. Olá fabiano, como sempre muito bom, o que eu procuro é quase isso; e para colocar a caixa de fan page facebook com aquele fundo preto transparente?

    ResponderExcluir
  6. queria saber qual o código colocaria para que ao clicar fechasse a imagem e mostrasse a home original!

    ResponderExcluir
  7. @Humor Panda na pagina de configuração da fan page tem para escolher a cor é mais facil configurar lá do que modificar o código porque tem varios tipos, mas o código da caixa com fundo preto é colorscheme=dark

    http://developers.facebook.com/docs/reference/plugins/like-box/

    ResponderExcluir
  8. Olá, preciso saber se aqui existe algum recurso que me ajude a identificar quem deixou de seguir meu blog.
    Obrigada
    Valeria

    ResponderExcluir
  9. @Casa Decorada acho que não tem como saber quem parou de seguir o blog só é possivel ver o numero de seguidores

    ResponderExcluir
  10. @Fabiano Roberto

    Obrigada Fabiano, bom fim de semana a vcc e parabéns pelo blog. Vc me ajuda a entender muita coisa sobre blogs.Fico no aguardo, se souber de algo que possa me ajudar .

    ResponderExcluir
  11. VejaBlog
    Seleção dos Melhores Blogs/Sites do Brasil!
    http://www.vejablog.com.br

    Parabéns pelo seu Blog!!!
    - Dicas para Blog -

    Você está fazendo parte da maior e melhor
    seleção de Blogs/Sites do País!!!
    - Só Sites e Blogs Premiados -
    Selecionado pela nossa equipe, você está agora entre
    os melhores e mais prestigiados Blogs/Sites do Brasil!

    O seu link encontra-se no item: Blog

    http://www.vejablog.com.br/blog

    - Os links encontram-se rigorosamente
    em ordem alfabética -

    Pegue nosso selo em:
    http://www.vejablog.com.br/selo

    Um forte abraço,
    Dário Dutra

    http://www.vejablog.com.br
    ....................................................................

    ResponderExcluir
  12. Isso mesmo estava procurando agora achei, Ainda bem que sigo vc do dica para blogger, obrigado serviu muito.

    ResponderExcluir
  13. @Casa Decorada acredito que não seja possivel para evitar constrangimentos entre as pessoas pois imagine quantos blogueiros ficariam perguntando aos outros porque deixaram de seguir.

    isso acabaria virando briga

    ResponderExcluir
  14. Eu tenho uma sugestão para seu proximo tutorial, como criar uma area de login para blogs ?, e estou precisando em 2 blogs

    ResponderExcluir
  15. @Angelo area para login? tente explicar melhor

    pq se for necessário logar em algum site isso aparece automaticamente

    ResponderExcluir
  16. @Anderson não tem como mostrar a home original usando esse código

    ResponderExcluir
  17. Fabiano porque você fez essa vídeo aula sem voz?

    Abraços!!!

    ResponderExcluir
  18. @Rosiel T.S. fiz apenas para demonstrar que funcionava.

    não quis colocar voz para ficar dizendo apenas cole o código aqui e ali.

    afinal esse é um tutorial bem simples de usar.

    ResponderExcluir
  19. mas logo pretendo fazer mais videos e claro com voz

    ResponderExcluir
  20. fabiano,
    teria como voce fazer um tutorial ensinando a fazer um midia kit??
    beijos

    ResponderExcluir
  21. Muito bom. Parabéns!! Mas ainda estou com uma dúvida: como fazer esta mesma página só que com uma imagem em flash que está hospedada em um site? Obrigada.

    ResponderExcluir
  22. o maior problema é hospedar o arquivo em flash a maioria das hospedagens gratis não aceita.

    e hospedagens de sites são um pouco mais complicadas de usar.

    para fazer a imagem em flash precisa do programa que chama flash cs5

    ResponderExcluir
  23. Então, o que eu preciso é:
    no lugar desta imagem JPG colocar um link de uma imagem flash.
    o link desta imagem é: http://www.effectgenerator.com/1.0.7/showeffect.php?id=591177

    Caso necessário, tenho também o código dela em HTML.
    É possível fazer isso?

    Obrigada.

    ResponderExcluir
  24. Então, o que eu preciso é:
    no lugar desta imagem JPG colocar um link de uma imagem flash.
    o link desta imagem é: Usei o site www.effectgenerator.com para hospedar.

    Possuo também o código dela em HTML.

    É possivel fazer isso?

    Obrigada.

    ResponderExcluir
  25. testei até deu certo, mas eu queria apontar para página principal do blog, mas não aceitou

    ResponderExcluir
  26. @Márcio Souza mas a pagina inicial do blog está com a imagem por isso não funciona.

    se usar esse código não poderá colocar link para a pagina inicial do seu blog porque aparece só a imagem tem que usar uma outra pagina qualquer ou mesmo uma postagem.

    ResponderExcluir
  27. @Chŗiร Oliveira não testei com flash mas deve funcionar.

    tente colocar o endereço do arquivo em flash neste código:

    <center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="468" height="80"><param name="movie" value="http://imagens.frasescurtas.com.br/flash/4681.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="http://imagens.frasescurtas.com.br/flash/4681.swf" width="468" height="80" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed></object></center>

    veja que aparece duas vezes: http://imagens.frasescurtas.com.br/flash/4681.swf

    e o tamanho do banner também: width="468" height="80"

    ResponderExcluir
  28. Olá fabiano eu consegui colocar na pagina inicial mas gostaria de saber que quando meu blog voltar ao ar é só eu remover as linhas que ele aparece ?

    ResponderExcluir
  29. Cara fiz tudo oque vc mandou mas não da certo porque eu tenho um monte de paginas e eu quero no (Início) mas não da certo porque volta para a imagem!Quando coloco o endereço de uma pagina ai>clika na imagem e vai para a pagina, mas quando vou pro inicio não aparece as postagens que eu fiz e sim volta para imagem!Espero que poça me ajuda o endereço do meu blog pra você ver é:
    http://youtubedamoda.blogspot.com

    ResponderExcluir
  30. EU SEI QUE NÃO VEM AO CASO DO POST mas queria saber como colocar uma caixa igual a desse site:
    http://xmemes.blogspot.com/
    se Não souber de qual caixa estou falando:
    http://imageshack.us/photo/my-images/638/imagemdlu.png/

    ResponderExcluir
  31. @Izaque para voltar o blog ao normal é só apagar essas linhas que falamos no tutorial e pronto

    ResponderExcluir
  32. @Rickson Jordan mas é essa a função da pagina de abertura substituir a pagina inicial do blog.

    não tem como usar esse código e mostrar a pagina inicial com as postagens ao mesmo tempo.

    ResponderExcluir
  33. Mateus

    aqui tem um código: Como fazer Apresentação de Slides com Banners

    mas não é exatamente igual ao exemplo que falou.

    estou testando alguns códigos daquele tipo mas todos que achei deu erro em algum navegador ou template por isso ainda não publiquei ainda.

    ResponderExcluir
  34. O meu não deu certo, pois quando click ele só fica na apagina de abertura, me ajuda ai se poder, pq queria q ele fosse pro home.

    ResponderExcluir
  35. Este comentário foi removido pelo autor.

    ResponderExcluir
  36. como eu faço uma página de abertura para uma página do meu blog? Gostaria que quando clicassem na minha página, antes dela viesse uma página de boas vindas. Como eu fasso?

    ResponderExcluir
  37. @Will ← mas esse código faz a home ser somente a imagem.

    não tem como fazer ao clicar na imagem ir para a pagina inicial normal

    ResponderExcluir
  38. Joao Vitor Miranda
    tem que usar o link de outra pagina no link da imagem.

    veja o meu comentário anterior é basicamente a mesma coisa.


    Anônimo
    é só usar o código como mostramos no tutorial.

    ResponderExcluir
  39. Fabiano,o Google Analytics é um serviço pago ?

    ResponderExcluir
  40. Lucas Vinicius Bertoncelo

    O Google Analytics é um serviço gratuito que oferece aos utilizadores um máximo de 5 milhões de visualizações de páginas por mês. Se o seu site gerar mais de 5 milhões de visualizações de páginas por mês, necessitará de o ligar a uma conta activa do AdWords de modo a evitar a interrupção do seu serviço do Google Analytics. Actualmente, o Google Analytics define uma conta activa do AdWords como uma conta do AdWords com, pelo menos, uma Campanha activa e em execução, com um orçamento mínimo de $1 por dia (ou quantia equivalente noutras moedas).


    http://support.google.com/googleanalytics/bin/answer.py?hl=pt&answer=55476

    ResponderExcluir
  41. Interessante mas não resolve o problema já que vai para uma página html e não para o conteúdo da página inicial!

    ResponderExcluir
  42. Este recurso é mais interessante para se fazer uma página de manutenção ou de construção do blog. Em vez de colocar a página html coloque o próprio endereço do blog. Fica aí a dica!!!

    ResponderExcluir
  43. Anônimo
    vou fazer um tutorial sobre como criar uma pagina mostrado as postagens da pagina inicial

    ResponderExcluir
    Respostas
    1. Oi você já tem esse tutorial???
      Pode me dar o link, obrigada :)

      Excluir
  44. Olá Fabiano!

    Não seria possível, no lugar da imagem, já abrir a página que escolhemos como inicial? Por exemplo: Se eu criar uma página estática com o nome Home ou Inicial. Não teria como essa página entrar quando o visitante acessa o Blog sem precisar antes a imagem?

    Obrigado.

    ResponderExcluir
  45. Antonio Pereira (Apon)
    existem códigos de redirecionamento mas não é recomendavel usar, mas veja aqui: Fazer Pagina com Atualizações mais Recentes do Blog

    se quiser pode usar o código que tem lá no lugar da imagem assim mostraria somente as postagens recentes na pagina inicial.

    ResponderExcluir
  46. Oi Fabiano, eu queria saber qual é o código para colocar um botão nessa pagina de boas vindas, e se clicar nesse botão, ele vai até um questionário, para responder, como você conheceu o blog?, o que achou do blog, etc. desde já agradeço.
    P.s.: Não sou muito bom de explicar coisas, e o questionário eu já sei fazer.

    ResponderExcluir
  47. Olá Fabiano,
    como eu faço para tirar a pagina de boas vindas?

    ResponderExcluir
  48. Anônimo
    é possivel fazer isso mas vai dar um pouco de trabalho.

    você pode colocar mais de uma imagem ou mesmo links de texto se quiser neste código da pagina de abertura.

    então precisa criar uma pagina com a enquete e usar o link dela na imagem, veja aqui como Criar uma enquete no blog


    Força Jovem Jd. das Industrias
    tem que achar e retirar os códigos no html do seu blog

    ResponderExcluir
  49. Fabiano Roberto
    Como os leitores irão ver as postagens iniciais? Já que a imagem fica no início?

    ResponderExcluir
  50. Muito obrigado Fabiano Roberto, agora sim meu blog está ótimo! :)

    ResponderExcluir
  51. Olá, Acompanho Esse Blog ah pouco tempo, por que estou criando meu blog de downloads, Queria saber se alguem sabe Um Site que vc coloca em seu blog que da para ver de onde vem as visitas no Seu site, eu ja vi um blog com isso

    ResponderExcluir
  52. Mundo Informatica
    você pode usar o google analytics para saber isso e muito mais sobre as visitas do seu blog: Blogger Integra Contador Google Analytics no Painel de Configurações

    ResponderExcluir
  53. Show de bola..... vou usar isso em meu site!!!

    ResponderExcluir
  54. Portal Habblex
    tenha calma, apenas tente retirar os códigos que alterou

    ResponderExcluir
  55. O codigo da imgem coloca aonde??? No codigo de html ou no Java Script?????

    ResponderExcluir
  56. Ministério Infantil Estrela da Manhã
    precisa hospedar a imagem e colocar no código que mostramos no lugar de http://www.google.com/logos/2011/brazil_day-2011-hp.jpg

    ResponderExcluir
  57. pow eu tenho um blog e queria q vcs me mandasse a opniao sobre ele sabe?.....se esta bom, ou ruim, em fim quero tbm divulgar ele aqui se puder, tem filmes, animes, cds, dvds, documentarios

    http://www.sotemfilme.blogspot.com

    vlw

    ResponderExcluir
  58. Airke
    a melhor coisa a fazer é tentar descobrir o que seus visitantes gostam.

    quais postagens tem mais visitas? comentarios? foram mais divulgadas em redes sociais ....

    ResponderExcluir
  59. eu não entendi onde se coloca as urls no html q postase

    ResponderExcluir
  60. SЋikαмαru ADM
    a url é o endereço de uma pagina do seu blog para usar como link na imagem da pagina inicial.

    veja aqui Fazer Pagina com Atualizações mais Recentes do Blog

    ResponderExcluir
  61. obrigado a 3 anos q procurava isso e serio !

    ResponderExcluir
  62. NAO ENTENDI ESCOLHER UMA PAGINA DO SEU BLOG NAO ENTENDI MESMO

    ResponderExcluir
  63. Projeto Bom de Bola na Escola
    a imagem precisa de link para quando alguém clicar nela, então você pode usar uma postagem do seu blog ou criar uma pagina com as postagens recentes (veja o link no final do tutorial)

    ResponderExcluir
  64. Tutorial muito bom parabéns!! mas tem como deixar o fundo transparente?? se tiver avisa ai por favor. vlw!

    ResponderExcluir
  65. é possivel fazer fundo semi transparente com imagem .png

    mas precisa hospedar fora do blogger

    ResponderExcluir
  66. veja se colocou os códigos nos lugares certos

    ResponderExcluir
  67. OHH muito boa essa dica mas tem como colocar duas imagens com links diferente??
    tipo:uma para mim poder entrar no site e um para o top 30 mas com outra imagem??
    se tive mee avisa,ou mesmo se não tiver!

    ResponderExcluir
  68. CSDA
    o trecho que colocamos uma imagem você poderia colocar 2 ou mais imagens.

    aquilo é um código html e pode alterar como quiser.

    ResponderExcluir
  69. ei ela substitui a imagem pq?? tem como mandar o codigo onde posso colocar as duas imagens normais?

    ResponderExcluir
  70. toda a ves que eu coloco duas ou uma imagem,só mostra a primeira como fasso para mostrar aas duas??

    ResponderExcluir
  71. para duas imagens o código ficaria assim:

    <b:if cond='data:blog.homepageUrl == data:blog.url'><center><a href='http://www.dicasparablogs.com.br/p/lista-de-tutoriais.html' title='Bem Vindo ao nosso Site !!!'><img border='0' src='http://www.google.com/logos/2011/brazil_day-2011-hp.jpg'/></a><a href='http://www.dicasparablogs.com.br/p/lista-de-tutoriais.html' title='Bem Vindo ao nosso Site !!!'><img border='0' src='http://www.google.com/logos/2011/brazil_day-2011-hp.jpg'/></a></center><b:else/>


    note que o trecho:
    <a href='http://www.dicasparablogs.com.br/p/lista-de-tutoriais.html' title='Bem Vindo ao nosso Site !!!'><img border='0' src='http://www.google.com/logos/2011/brazil_day-2011-hp.jpg'/></a>

    aparece duas vezes, então é só colocar uma imagem em cada uma delas

    ResponderExcluir
  72. Fabiano o meu blog tem aquele recado de conteudo adulto...
    Então eu teria que desativar ?
    Ou vai aparecer o recado 1º e depois a pagina ?

    Brigado...

    ResponderExcluir
  73. acho que não tem como desativar o aviso

    ResponderExcluir
  74. Olá fabiano, tudo bem?

    Eu sempre tive curiosidade de saber como se coloca essas jenalas que fica na lateral do blog, que tem esses botoes do orkut,twitter,facebook,google + etc.

    Onde posso encontrar um código para por essa jenela com icones?

    abraço

    http://infoprodutospararevendabr.blogspot.com.br

    ResponderExcluir
  75. nao tem como apacer uma imagem como na light box com o botao fechar ?

    ResponderExcluir
  76. tem como fazer tipo a light box escurecer a pagina aparecer a imagem que eu quero , com o botao fechar

    ResponderExcluir
  77. Juliane
    mas está querendo fazer isso com a imagem de abertura do blog com esse código que mostramos?

    não tem como mostrar só a imagem e clicar para fechar e aparecer a pagina inicial normal do blog

    ResponderExcluir
  78. seria possivel fazer uma Criar uma Janela de Divulgação no blog

    mas isso aparece em todas as paginas, mas se servir tem como fazer aparecer só na pagina inicial usando outro código que publicamos aqui:
    Conteúdo diferente nas paginas do blog

    .

    ResponderExcluir
  79. é recomendavel para sites adultos^^ ao inves d ser boas vindas...ser entrar sair

    ResponderExcluir
  80. OLá, Tudo bem?

    Eu fiz tudo dirreitinho e no Firefox funcionou corretamente, mas no Safari o botão não funciona. Tem alguma maneira desse problema ser resolvido? Será que eu fiz algo errado?

    Deis de já agradeço a atenção.

    ResponderExcluir
  81. não fiz testes no safari, mas acho que não vale a pena modificar um código para um navegador pouco utilizado pelos visitantes do blog.

    em meus blogs o safari é menos de 2% dos visitantes e já que funcionou bem para os principais navegadores acho que não vale a pena arriscar ajustes diferentes.

    embora o código esteja correto já que funciona bem nos principais navegadores

    ResponderExcluir
  82. Se eu fizer outro blog na mesma conta e usar ele como tela inicial, será que funciona? Vai mostrar dois enderços?

    ResponderExcluir
  83. se criar outro blog será não terá relação com o primeiro ou seja são dois sites individuais.

    ResponderExcluir
  84. Bom dia, estou com uma duvida, quero adicionar o codigo para a imagem ser redimencionada para os 100% da tela na altura para assim nao perder em relação a diferença de monitores, segundo é o center nao esta funcionando pois o alinhamento dela e na margin da esquerda( minha imagem possui largura de 1440 px.

    ResponderExcluir
  85. Francisco Oliverira
    não tem como redimencionar uma imagem sem perder a qualidade da imagem.

    minha sugestão é criar uma imagem com uma cor de fundo solida(cor igual em todas as bordas da imagem) e usar uma cor de fundo por baixo.


    por exemplo a imagem do titulo aqui do dicas para blogs, ela é uma imagem com fundo da mesma cor do fundo do blog por isso parece ser uma coisa só. Mas na verdade a imagem é só aquela parte do texto.

    ResponderExcluir
  86. não é nem em relação ao resolução, pois coloco ela com qualidade maior, ai no caso quaso o monitor fosse menor ela reduziria automaticamente, preenchendo assim toda a parte vertical ficando sobras para a horizontal

    ResponderExcluir
  87. mas a questão do tamanho de tela tem diferença entre o formato, alguns são widescreen outras são mais quadradas... sempre perde qualidade, além do que uma imagem de boa qualidade demora mais para carregar

    ResponderExcluir
  88. eu queria uma página mesmo, diferente, como inicial, uma página só com um vídeo (do youtube) e a logomarca, tem como? isso no blogger.

    ResponderExcluir
  89. no lugar do código da imagem pode usar qualquer coisa até o código do video

    mas precisa colocar um ou mais links de outras postagens do seu blog senão as pessoas não conseguem sair dessa pagina de abertura.

    ResponderExcluir
  90. fiz tudo como manda o figurino mas não ta indo pra outra pagina como faço ?

    ResponderExcluir
  91. mas qual link colocou na imagem da pagina de abertura.

    ResponderExcluir
  92. OLA GOSTEI MUITO DESSE TUTORIAL , MAIS EU QUERIA TIRAR UMA DUVIDA , SE AO INVES DE COLOCAR UMA IMAGEM NA PAGINA DE ABERTURA DO BLOG EU QUISER COLOCAR UM TEMPLATE COM LINKS REDIRECIONANDO PARA O AS MINHAS CATEGORIAS ? COMO FAÇO ?

    ResponderExcluir
  93. sim, você pode usar qualquer código.

    mas para mostrar os links teria que fazer o código html dos links não tem como usar gadgets, por exemplo

    <a href='http://www.dicasparablogs.com.br/2012/01/fazer-pagina-de-boas-vindas-no-blog.html' title='Fazer Pagina de Boas Vindas no Blog - Criar Pagina de Abertura'>Fazer Pagina de Boas Vindas no Blog - Criar Pagina de Abertura</a>

    ResponderExcluir
  94. Fera o meu pegou tudo nos conformes, mais os meus Elementos da página sumirão, esta só aparecendo o Favicon! oque eu faço para editar novamente meus Elementos da página??

    ResponderExcluir
  95. Alvaro Benincasa você deve ter apagado algum trecho de código por engano ou deixou faltando algo no código que colocou.

    verifique o trecho do código que alterou se não tem nada errado ou faltando: ; / " . < ; '>

    ResponderExcluir
  96. Olá Fabiano, tudo bem? Só vim agradecer pelas dicas. Conseguir deixar meu blog do jeito que eu queria!

    Abraço.

    Veja, dá uma olhada: http://www.aspimentassussurrantes.com.br/

    ResponderExcluir
  97. Olá Fabiano, sua explicação é muito boa, mas quando coloco para salvar as alterações aparece isso: Erro ao analisar XML, linha 957, coluna 133: The element type "body" must be terminated by the matching end-tag "". O que eu faço? Obrigada.

    ResponderExcluir
  98. Meggie deve ter faltado algum detalhe na hora de alterar o código, por exemplo uma letra ou sinal faltando ou sobrando.

    veja também que ' é diferente de "

    então veja se nos endereço de imagens ou links colocar o mesmo sinal no inicio e final

    ResponderExcluir
  99. Parabéns pelas dicas.
    Este blog e seus idealizadores são nota 1000.
    Muito Grato Mesmo.
    Vou até colocar um banner de vocês no meu blog.
    http://institutobiblicoabba2011.blogspot.com.br/

    ResponderExcluir
  100. Fabiano, não tem como vc fazer area de login e postar para nos aqui, funciona assim, a pessoa entra no nosso blog e se registra, depois ela faz o login, igual alguns sites que tem a area de login! Aguardo.

    ResponderExcluir
  101. Eagle Downs por enquanto o blogger não tem essa função de login para visitantes

    ResponderExcluir
  102. Vou fazer uma pergunta dificil Fabiano. Tem como colocar um video no lugar da imagem e quando acabar redirecionar ao blog?

    ResponderExcluir
  103. boged raphaeldias eu não conheço código para fazer isso mas acredito que seja possivel.

    mas não acho recomendavel porque códigos de redirecionamento não são bem vistos pelo google.

    ResponderExcluir
  104. Olá, Fabiano.
    Gostaria de pedir, se possível, 1 tutorial de como colocar uma imagem (ou uma animação flash) como página de boas vindas, com botão ENTRE) que ao clicar nesse botão, fechasse a imagem e mostrasse a home original do blog!
    Fiz com o código que vc passou ali acima, mas fica sempre na página da imagem.
    Desde já agradeço sua atenção e obrigada por disponibilizar tempo para ajudar a nós, que ainda engatinhamos no HTML.

    ResponderExcluir
  105. com esse tutorial é possivel colocar uma imagem com botão entre. Se quiser pode usar até gif animado.

    ResponderExcluir
  106. Não consegui mesmo fazer.
    Queria mais ou menos igual o do Cantinho da CAPS.

    ResponderExcluir
  107. PRECISO MT DE AJUDA!!!
    Fiz a tela de apresentação, mas agora, quando vou na tela de layout, não aparece mais meus gadgets. porque na verdade, a tela principal, ficou como se fosse o layout do blog. Só aparece o gadget do favicon. o resto não consigo mudar, banner, nada.. por favor, é urgenteee

    ResponderExcluir
  108. Oi Fabiano Roberto!!! =)
    Bem, a minha "dúvida" vc já respondeu para o @Rickson Jordan . O que eu gostaria era justamente uma página "na frente", "antes" da página inicial com as postagens. Não queria que a imagem de boas-vindas substituísse a página inicial. Queria que as pessoas clicassem na imagem e fossem direcionadas para o blog.
    Vc disse que não tem como usar esse código e mostrar a pagina inicial com as postagens ao mesmo tempo. Teria algum outro código para isso? Eu não tenho como substituir a minha atual "início" por um novo html para colocar a url do blog (a home dele) na imagem? Aí quando as pessoas digitassem "www.simonealine.com" abriria a imagem de boas-vindas. E ao clicar sobre a imagem, as pessoas iriam para a verdadeira "página inicial" (agora renomeada para aparecerem as postagens e tal... como ela é!). Teria como? =D

    ResponderExcluir
  109. no blogger não tem como fazer pagina de abertura de outra forma.

    além disso a maioria das pessoas entra no blog por outras paginas sem ser a pagina inicial do blog devido aos resultados das pesquisas do google.

    ResponderExcluir
  110. Obrigada! =)
    Pode me tirar mais uma dúvida?
    Eu estive olhando aqui no Dicas o seu tutorial para colocar aqueles avisos de "manutenção". Posso substituir a "manutenção" por "boas-vindas" para ficar desse jeito?
    Ou a janela de "manutenção" não permite o acesso ao blog? =)

    ResponderExcluir
  111. Continuo procurando... Mensagens como essa aqui: http://coisinhas-e-coisas.blogspot.com.br/2012/07/mensagens-de-boas-vindas-do-blog.html não posso colocar uma imagem? Tipo personalizar essa caixa? =)

    ResponderExcluir
  112. Simone o problema desses avisos de manutenção é que não tem como sair da pagina do aviso.

    ou seja se usar aquele código poderia colocar qualquer mensagem que desejar, mas ninguém conseguiria ver nenhuma outra pagina do seu blog

    ResponderExcluir
  113. sobre a caixinha é o mesmo código que mostramos aqui:

    Mensagem ao entrar no blog

    mas acho que não tem personalização da caixa, somente do texto

    ResponderExcluir
  114. Cara deu certo, quando clico na imagem abre a página, porém deu um problema no layout ele simplismente some..fico só com a opção do favicon o resto some..poderia me dizer o porque?..correiodopovofm@bol.com.br...Ok Obrigado kiko.

    ResponderExcluir
  115. provavelmente você apagou algo errado no html.

    tente retirar o código que colocou para ver se volta ao normal.

    depois verifique se não esqueceu nada, por exemplo algum sinal / " > '...

    ResponderExcluir
  116. Olá Fabiano,

    Adorei a dica e já estou utilizando.
    Só tem um problema.
    Como sou leiga no assunto de início alterei o do blog nas configurações do blogger de bebahiaemprego.blogspot. com.br
    para bahiaempregoss.blogspot. com.br.

    Conseguir minimizar a bagunça com a sua dica acima, mas no google ao pesquisa blogs antigo é listado, mas o novo não consta na lista.

    Tem como colocar um aviso ou redirecionar todas as postagens??
    Obrigada pela atenção!

    ResponderExcluir
  117. Moniquevocê criou um blog novo... por isso ele ainda não aparece no google.

    se pretende parar com o blog antigo sugiro que coloque links do seu novo blog no menu para tente gerar visitas no novo blog a partir do antigo

    mas não tem como transferir visitas porque se usar um código para redirecionar logo o blog antigo sofrerá alguma punição do google e deixa de aparecer nos resultados.

    ResponderExcluir
  118. Fabiano, obrigada pela dica.
    Vou alterar os link de destino do antigo blog para o novo.
    Um feliz Ano Novo!

    Muito obrigada pela ajuda.

    ResponderExcluir
  119. Deu certo mais quando fui ver o layout,so aparecia o favicon,fiz conforme o video ,passoa apasso,varias vezes eu continuou dando o mesmo erro.Tive que retirar,tem como corrigir isso?

    ResponderExcluir
  120. o jeito de retirar é apagar os códigos...

    mas tente excluir seu histórico de internet, talvez o problema já esteja resolvido e seu computador está mostrando seu blog usando o cache (histórico)

    ResponderExcluir
  121. Ola tudo bem???
    Gostaria de saber como posso colocar um video de boas vindas no meu blog...Forte ABraço...

    ResponderExcluir
  122. Bruno você pode usar o código de um video do youtube no lugar do código da imagem, mas precisa colocar algum link de texto junto para que as pessoas possam sair da pagina inicial do seu blog.

    ResponderExcluir
  123. Fabiano, Eu havia criado uma página assim de boas vindas para o bloguinho da minha menina, mas também coloque um link da página
    http://www.dicasparablogs.com.br/2010/02/conteudo-diferente-nas-paginas-do-blog.html e deu conflito em outros códigos. Então, excluir do html o código da página de boas vindas e o link e todo o gadget foi junto com a página de boas vindas. Pode isso acontecer?

    ResponderExcluir
  124. se modificou algo por engano no html do blog e não tiver um backup (cópia) do seu template não tem como recuperar

    ResponderExcluir
  125. Felizmente fiz backup.
    E o Link tenho-o guardado
    Vou recolocá-los de maneira diferente
    Brigadim Fabiano!

    ResponderExcluir
  126. Fabiano
    Teria como na pagina de abertura colocar várias imagens com vários links ?
    Att
    CArlos

    ResponderExcluir
  127. Carlos você pode usar quantas imagens e links quiser.... fizemos no tutorial com uma imagem para ficar mais simples de explicar.

    ResponderExcluir
  128. Fabiano, fiz no meu blog com minha pag. inicial e deu certo!
    Grande detalhe: qdo eu qq pessoa vai acessar o blog aparece primeiro uma pag. com um símbolo do Google é preciso clicar no símbolo para entrar no blog!
    Outra coisa no layot sumiu tudo, não tenho acesso aos gadgets, organização etc...
    SOCORRO!!!!

    ResponderExcluir
  129. Beth esse código era para funcionar somente na pagina inicial do blog... talvez você tenha colocado algo errado na hora de copiar o código no seu template

    ResponderExcluir
  130. Então, consegui tirar o emblema do Google!
    Pior, o emblema é que me dava acesso ao blog resumindo:
    A pag. continua lá e não tenho mais acesso!!!
    O que eu faço agora?
    Grata,
    Beth Monteiro

    ResponderExcluir
  131. Fabiano,
    Vc faz ou me indica alguém que pode ter acesso a login e senha e resolver esses problemas?
    Grata,

    ResponderExcluir
  132. deveria trocar o emblema do google por outra imagem (veja no tutorial links sobre criar e hospedar imagens)

    ResponderExcluir
  133. Beth isso são coisas simples de fazer... não precisa dar sua senha para ninguém por causa disso.

    ResponderExcluir
  134. Sim, mas quero a minha página inicial abrindo o blog, e agora não tenho mais acesso a nada, tenho backup do template, mas se não consigo acessar de que ainda?

    ResponderExcluir
  135. não consegue acessar a pagina para trocar o template?

    o que acontece quando entre no blogger.com e coloca sua senha?

    ResponderExcluir
  136. Fabiano, quando entro no blogger.com e faço login e senha (entra no blog como se já estivesse aberto) e vai direto para a pagina de estatísticas mais nada!
    Não tenho acesso ao design para ir até o modelo.

    ResponderExcluir
  137. Beth tente excluir seu histórico de internet. Deve ser um erro no carregamento da pagina

    ResponderExcluir
  138. Fabiano,

    1º exclui meus históricos e nada.
    2º por curiosidade digitei http://espacobethmonteiro.blogspot.com.br/configuracoes consegui entrar no blog!!! ainda sem sucesso!
    3º digitei http://espacobethmonteiro.blogspot.com.br/configuracoes/design pronto resolvido o problema, mudei o modelo e recuperei meu blog perfeito!!!!
    Feliz demais, muito obrigada.

    Grande abraço!

    ResponderExcluir
  139. Olá Fabiano Muito bom o Post. agora eu tenho uma dúvida como eu faria para ele redirecionar para outra página? e porque eu tenho uma pagina index que contem um ifreme e no blogger não da pra abrir.dai eu gostaria de redirecionar o blog para minha pagina.

    Desde já obrigado.

    ResponderExcluir
  140. Viver em Paz se usar esse código o index passa a ser essa pagina de abertura e não tem como ir para a pagina inicial padrão.

    veja no final do post um link sobre criar uma pagina com suas atualizações recentes para usar junto com esse código da pagina de abertura

    ResponderExcluir
  141. Poderia me ajudar,quando coloco o meu endereço do blog qué um dominio propio ele redirecina para a mesma pagina,quando adiciona o endereço do blog normal ela vai para a pagina inicial mais a url fica com os 2 endereços,quando clicko no inicio volta para abertura q crie

    ResponderExcluir
  142. como deixa esses negocio de postar cometario no fim da postagem.Eu tenho meu blog ,mas esse negocio só fica na pagina principal.

    ResponderExcluir
  143. tem que usar os comentários na opção incorporados isso fica nas configurações do blogger

    ResponderExcluir
  144. Eu so queria uma ajuda como eu boto uma pagina inicial tipo esse negoço la encima no começo do site dicas para blog melhores tutorias quem poder me ajuda me adicione no facebook FAcebook.com/claudemirodejesus.neto

    ResponderExcluir
  145. Como colocar em outra template baixada da internet??? por favor mim ajude???? agradeço muiitoo

    ResponderExcluir
  146. só precisa enviar o template que baixou para o blogger, veja aqui:
    Como Trocar ou Colocar um Template do Blogger

    ResponderExcluir
  147. Como que eu faço para deixar a imagem centralizada?

    ResponderExcluir
  148. o código que mostramos já está com a imagem centralizada. Usamos a tag center

    se não seu blog não ficou deve ter algum código css movendo a imagem, mas esse código pode estar em varias parte, procure por

    img {.... }

    e veja se dentro das chaves tem float:... ou text-aling

    ResponderExcluir
  149. Fabiano por favor me passa uma forma de como fazer um slide de postagens recentes ou um slide de postagens em destaque para meu blogger!!!

    ResponderExcluir
  150. como colocar um video já postado como pagina inicial?

    ResponderExcluir
  151. Matefisica

    você poderia copiar o código deste vídeo e colocar em um gadget de html/javascript

    ResponderExcluir
  152. No meu deu certo mais, toda vez que clico em página inicial vai aparecer a tela de boas vindos tem alguma maneira de concertar?

    ResponderExcluir
  153. é normal aparecer a tela de boas vindas na pagina inicial do blog, alias esse código faz justamente isso alterar a pagina inicial

    ResponderExcluir
  154. Bom dia Sr: Fabiano;
    O sr, uma vez me ajudou e creio que irá me socorrer novamente..vamos lá!

    => Como eu colocaria uma imagem grande (+-1080x930)(se possível animada) numa página que tenho com um link direcionado (para quando os internautas clicarem na imagem direcioná-las para a minha página atual)?
    Já procurei na web, mas tá difícil meu caro!
    Me ajuda pelo amor de Deus!!!

    Att: Ricardo Bassman

    ResponderExcluir
    Respostas
    1. para fazer uma imagem animada é só salvar no formato .gif

      Mas uma imagem neste tamanho com animação vai demorar muito para carregar.

      o código é exatamente igual ao que mostramos no tutorial para a imagem ficar com movimentos é só salvar no formato .gif

      e claro o link não poderá ser a pagina inicial pois ela é que mostra a imagem

      Excluir
  155. Antes de mais, parabéns pelo site. Muito útil para a comunidade blogger!

    Gostaria de saber como posso centrar a imagem na vertical, ou seja, não ter a imagem colada ao topo mas sim no centro da página.

    Agradeço uma resposta.

    Bom trabalho

    ResponderExcluir
  156. centralizar na vertical é meio complicado e não funciona em todos os navegadores, mas pode colocar uma margem a cima da imagem colocando o código style="margin-top:10px" no trecho:

    a href= .......

    deste jeito:

    a style="margin-top:10px" href

    ResponderExcluir
    Respostas
    1. Essa solução não deu... tem mais alguma que me possa ajudar?

      Excluir
  157. tente usar padding em vez de margin


    ou pode tentar colocar todo o código dentro de uma div, deste jeito:

    < div style="padding-top:50px" > todo código aqui < / div >

    ResponderExcluir
    Respostas
    1. Desculpe chatear mas não consigo fechar a div... no fim o "<" de "< / div>" está vermelho e não me deixa aplicar. Já tentei tirar o espaço e continuou igual, já tentei clicar no enter para uma nova linha e ficou igual... o que fazer?

      Excluir
    2. eu que errei. A pagina editar html as vezes não aceita que use aspas no código. troque as aspas do código por '

      deste jeito:
      'padding-top:50px'

      Excluir
  158. Em primeiro lgar parabenizar a iniciativa de vocês, muito bem explicado, tanto aqui como no vídeo. Foi tudo beleza, coloquei a foto na postagem do blog mesmo, mas na visualização apareceu a imagem antes do cabeçalho Sem o /b:if antes do body e deu um erro :Não foi possível carregar a visualização do modelo: Erro ao analisar XML, linha 2255, coluna 3: The element type "body" must be terminated by the matching end-tag "body".
    O que deu errado?
    Agradeço
    V.

    ResponderExcluir
  159. esse código é para mostrar somente a imagem na pagina inicial e não vai aparecer o cabeçalho.

    até pode ser possível alterar o código para fazer do jeito que você quer mas tem que ser feito testando diretamente no seu blog, colocando a primeira parte do código depois do trecho do html do cabeçalho, mas como falei não sei se é possível fazer pois não testei.

    mas de qualquer forma tem que deixar o b:if antes do body senão dá erro mesmo.

    ResponderExcluir
  160. Tentei umas 500 vezes e não consegui de jeito nenhum!!!
    se puder entrar em contato comigo agradeço

    ResponderExcluir
    Respostas
    1. veja se não apagou algo por engano na hora de adicionar os códigos no seu html.

      qualquer coisa como um . / : ' ou " pode gerar erro.
      cuidado com ' e " as vezes misturamos os dois sem perceber na hora de colocar o código ou digitar algo

      Excluir
  161. Otimo Post,aqui deu tudo certo,mas vc compreendeu que oque a maioria quer é uma pagina de abertura para o Blog e em seguida a pessoa possa ser redirecionada para a página inicial do Blog ??? Se não,não resolve muito. Do que adianta a pessoa entrar em um Blog e ficar vendo só uma imagem inicial sem mais nada ... Tem como redirecionar esta abertura para a hom do Blog ???

    ResponderExcluir
  162. no blogger não existe pagina de abertura.

    então este código é uma forma de criar esta pagina, mas não tem como fazer mostrar a imagem e usar a pagina inicial normal por causa do endereço, ou seja, ou você usa o endereço da pagina inicial para mostrar a imagem ou usa ela normal.

    ResponderExcluir
  163. Oi Fabiano, deixa eu te explicar o que eu fiz pra ver se você pode me ajudar. Eu criei uma página única só com a abertura que quero colocar no meu blog, nesta página ao clicar no botão inserido com o endereço do meu blog o visitante será direcionado para a home principal do meu Blog. . Esta página gerou um link que coloquei no código que vc nos forneceu, no lugar do link da imagem. Quando coloco no Blog dá o seguinte erro :

    Erro ao analisar XML, linha 517, coluna 147: Element type "src" must be followed by either attribute specifications, ">" or "/>"



    Você consegue identificar que erro é esse ? Você acha que é possível que meu blog possa abrir nesta página que criei e em seguida, ao clicar na página aberta o visitante ser direcionado para a home do Blog ?

    ResponderExcluir
    Respostas
    1. provavelmente é o código da imagem que você colocou.
      deve estar faltando ou sobrando algum sinal / ' : " >< ou qualquer outra coisa que faz o código da imagem dar erro.

      cuidado para não misturar ' com " se usar misturado dá erro.

      Excluir
    2. ola boa tarde como faço para ter vidoe em vez de imagen ao entrar no meu blogue?

      Excluir
    3. só precisa adicionar o código do vídeo no lugar que falamos para colocar o código da imagem

      todo procedimento é o mesmo

      Excluir
  164. Tive um pouco de dificuldade no início, mas depois verifiquei que quando eu copiei o código havia alguns espaços. Quebrei um pouco a cabeça rsrs. Mas é tudo muito simples. Obrigada!

    ResponderExcluir