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.
a parte mais dificil foi fazer a imagem, colocar o código foi facil
ResponderExcluiradorei
muito obrigado, tava a meses procurando como fazer isso.
ResponderExcluirGostei, coloquei em todos os meus blogs
ResponderExcluirMuito bom Fabiano, tava procurando isso faz tempo, ía até pedir pra você fazer um tutorial assim mas nem sabia como explicar.
ResponderExcluirAbraços!!!
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?
ResponderExcluirqueria saber qual o código colocaria para que ao clicar fechasse a imagem e mostrasse a home original!
ResponderExcluir@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
ResponderExcluirhttp://developers.facebook.com/docs/reference/plugins/like-box/
Olá, preciso saber se aqui existe algum recurso que me ajude a identificar quem deixou de seguir meu blog.
ResponderExcluirObrigada
Valeria
@Casa Decorada acho que não tem como saber quem parou de seguir o blog só é possivel ver o numero de seguidores
ResponderExcluir@Fabiano Roberto
ResponderExcluirObrigada 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 .
muito obrigado pela resposta.
ResponderExcluirVejaBlog
ResponderExcluirSeleçã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
....................................................................
Isso mesmo estava procurando agora achei, Ainda bem que sigo vc do dica para blogger, obrigado serviu muito.
ResponderExcluir@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.
ResponderExcluirisso acabaria virando briga
Eu tenho uma sugestão para seu proximo tutorial, como criar uma area de login para blogs ?, e estou precisando em 2 blogs
ResponderExcluir@Angelo area para login? tente explicar melhor
ResponderExcluirpq se for necessário logar em algum site isso aparece automaticamente
@Anderson não tem como mostrar a home original usando esse código
ResponderExcluirFabiano porque você fez essa vídeo aula sem voz?
ResponderExcluirAbraços!!!
@Rosiel T.S. fiz apenas para demonstrar que funcionava.
ResponderExcluirnão quis colocar voz para ficar dizendo apenas cole o código aqui e ali.
afinal esse é um tutorial bem simples de usar.
mas logo pretendo fazer mais videos e claro com voz
ResponderExcluirfabiano,
ResponderExcluirteria como voce fazer um tutorial ensinando a fazer um midia kit??
beijos
@Assessoria Patricinhas Suburbanas vou pesquisar e escrever sobre o assunto em breve
ResponderExcluirMuito 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.
ResponderExcluiro maior problema é hospedar o arquivo em flash a maioria das hospedagens gratis não aceita.
ResponderExcluire hospedagens de sites são um pouco mais complicadas de usar.
para fazer a imagem em flash precisa do programa que chama flash cs5
Então, o que eu preciso é:
ResponderExcluirno 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.
Então, o que eu preciso é:
ResponderExcluirno 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.
testei até deu certo, mas eu queria apontar para página principal do blog, mas não aceitou
ResponderExcluir@Márcio Souza mas a pagina inicial do blog está com a imagem por isso não funciona.
ResponderExcluirse 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.
@Chŗiร Oliveira não testei com flash mas deve funcionar.
ResponderExcluirtente 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"
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 ?
ResponderExcluirCara 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 é:
ResponderExcluirhttp://youtubedamoda.blogspot.com
EU SEI QUE NÃO VEM AO CASO DO POST mas queria saber como colocar uma caixa igual a desse site:
ResponderExcluirhttp://xmemes.blogspot.com/
se Não souber de qual caixa estou falando:
http://imageshack.us/photo/my-images/638/imagemdlu.png/
@Izaque para voltar o blog ao normal é só apagar essas linhas que falamos no tutorial e pronto
ResponderExcluir@Rickson Jordan mas é essa a função da pagina de abertura substituir a pagina inicial do blog.
ResponderExcluirnão tem como usar esse código e mostrar a pagina inicial com as postagens ao mesmo tempo.
Mateus
ResponderExcluiraqui 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.
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.
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluircomo 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@Will ← mas esse código faz a home ser somente a imagem.
ResponderExcluirnão tem como fazer ao clicar na imagem ir para a pagina inicial normal
Joao Vitor Miranda
ResponderExcluirtem 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.
Fabiano,o Google Analytics é um serviço pago ?
ResponderExcluirLucas Vinicius Bertoncelo
ResponderExcluirO 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
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!
ResponderExcluirEste 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!!!
ResponderExcluirAnônimo
ResponderExcluirvou fazer um tutorial sobre como criar uma pagina mostrado as postagens da pagina inicial
Oi você já tem esse tutorial???
ExcluirPode me dar o link, obrigada :)
Olá Fabiano!
ResponderExcluirNã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.
Antonio Pereira (Apon)
ResponderExcluirexistem 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.
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.
ResponderExcluirP.s.: Não sou muito bom de explicar coisas, e o questionário eu já sei fazer.
Olá Fabiano,
ResponderExcluircomo eu faço para tirar a pagina de boas vindas?
Anônimo
ResponderExcluiré 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
Fabiano Roberto
ResponderExcluirComo os leitores irão ver as postagens iniciais? Já que a imagem fica no início?
:Kingo Habbo
ResponderExcluirveja aqui: Fazer Pagina com Atualizações mais Recentes do Blog
Muito obrigado Fabiano Roberto, agora sim meu blog está ótimo! :)
ResponderExcluirMUITO BOM GOSTEI
ResponderExcluirOlá, 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
ResponderExcluirMundo Informatica
ResponderExcluirvocê 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
aff estraguei meu blog e nao consegui
ResponderExcluirShow de bola..... vou usar isso em meu site!!!
ResponderExcluirPortal Habblex
ResponderExcluirtenha calma, apenas tente retirar os códigos que alterou
O codigo da imgem coloca aonde??? No codigo de html ou no Java Script?????
ResponderExcluirMinistério Infantil Estrela da Manhã
ResponderExcluirprecisa hospedar a imagem e colocar no código que mostramos no lugar de http://www.google.com/logos/2011/brazil_day-2011-hp.jpg
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
ResponderExcluirhttp://www.sotemfilme.blogspot.com
vlw
Airke
ResponderExcluira melhor coisa a fazer é tentar descobrir o que seus visitantes gostam.
quais postagens tem mais visitas? comentarios? foram mais divulgadas em redes sociais ....
eu não entendi onde se coloca as urls no html q postase
ResponderExcluirSЋikαмαru ADM
ResponderExcluira 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
obrigado a 3 anos q procurava isso e serio !
ResponderExcluirnão entendi!
ResponderExcluirNAO ENTENDI ESCOLHER UMA PAGINA DO SEU BLOG NAO ENTENDI MESMO
ResponderExcluirProjeto Bom de Bola na Escola
ResponderExcluira 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)
Tutorial muito bom parabéns!! mas tem como deixar o fundo transparente?? se tiver avisa ai por favor. vlw!
ResponderExcluiré possivel fazer fundo semi transparente com imagem .png
ResponderExcluirmas precisa hospedar fora do blogger
eu não consegui fazer nada com isso
ResponderExcluirveja se colocou os códigos nos lugares certos
ResponderExcluirOHH muito boa essa dica mas tem como colocar duas imagens com links diferente??
ResponderExcluirtipo: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!
CSDA
ResponderExcluiro trecho que colocamos uma imagem você poderia colocar 2 ou mais imagens.
aquilo é um código html e pode alterar como quiser.
ei ela substitui a imagem pq?? tem como mandar o codigo onde posso colocar as duas imagens normais?
ResponderExcluirtoda a ves que eu coloco duas ou uma imagem,só mostra a primeira como fasso para mostrar aas duas??
ResponderExcluirpara duas imagens o código ficaria assim:
ResponderExcluir<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
vlw ^^
ResponderExcluirFabiano o meu blog tem aquele recado de conteudo adulto...
ResponderExcluirEntão eu teria que desativar ?
Ou vai aparecer o recado 1º e depois a pagina ?
Brigado...
acho que não tem como desativar o aviso
ResponderExcluirOlá fabiano, tudo bem?
ResponderExcluirEu 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
veja aqui o código que utilizamos: Botões das Redes Sociais na Vertical - Compartilhar Posts
ResponderExcluirnao tem como apacer uma imagem como na light box com o botao fechar ?
ResponderExcluirtem como fazer tipo a light box escurecer a pagina aparecer a imagem que eu quero , com o botao fechar
ResponderExcluirJuliane
ResponderExcluirmas 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
seria possivel fazer uma Criar uma Janela de Divulgação no blog
ResponderExcluirmas 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
.
é recomendavel para sites adultos^^ ao inves d ser boas vindas...ser entrar sair
ResponderExcluirOLá, Tudo bem?
ResponderExcluirEu 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.
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.
ResponderExcluirem 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
Se eu fizer outro blog na mesma conta e usar ele como tela inicial, será que funciona? Vai mostrar dois enderços?
ResponderExcluirse criar outro blog será não terá relação com o primeiro ou seja são dois sites individuais.
ResponderExcluirBom 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.
ResponderExcluirFrancisco Oliverira
ResponderExcluirnã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.
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
ResponderExcluirmas 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
ResponderExcluireu 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.
ResponderExcluirno lugar do código da imagem pode usar qualquer coisa até o código do video
ResponderExcluirmas precisa colocar um ou mais links de outras postagens do seu blog senão as pessoas não conseguem sair dessa pagina de abertura.
fiz tudo como manda o figurino mas não ta indo pra outra pagina como faço ?
ResponderExcluirmas qual link colocou na imagem da pagina de abertura.
ResponderExcluirOLA 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 ?
ResponderExcluirsim, você pode usar qualquer código.
ResponderExcluirmas 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>
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??
ResponderExcluirAlvaro Benincasa você deve ter apagado algum trecho de código por engano ou deixou faltando algo no código que colocou.
ResponderExcluirverifique o trecho do código que alterou se não tem nada errado ou faltando: ; / " . < ; '>
Olá Fabiano, tudo bem? Só vim agradecer pelas dicas. Conseguir deixar meu blog do jeito que eu queria!
ResponderExcluirAbraço.
Veja, dá uma olhada: http://www.aspimentassussurrantes.com.br/
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.
ResponderExcluirMeggie deve ter faltado algum detalhe na hora de alterar o código, por exemplo uma letra ou sinal faltando ou sobrando.
ResponderExcluirveja também que ' é diferente de "
então veja se nos endereço de imagens ou links colocar o mesmo sinal no inicio e final
Parabéns pelas dicas.
ResponderExcluirEste 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/
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.
ResponderExcluirEagle Downs por enquanto o blogger não tem essa função de login para visitantes
ResponderExcluirVou fazer uma pergunta dificil Fabiano. Tem como colocar um video no lugar da imagem e quando acabar redirecionar ao blog?
ResponderExcluirboged raphaeldias eu não conheço código para fazer isso mas acredito que seja possivel.
ResponderExcluirmas não acho recomendavel porque códigos de redirecionamento não são bem vistos pelo google.
Olá, Fabiano.
ResponderExcluirGostaria 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.
com esse tutorial é possivel colocar uma imagem com botão entre. Se quiser pode usar até gif animado.
ResponderExcluirNão consegui mesmo fazer.
ResponderExcluirQueria mais ou menos igual o do Cantinho da CAPS.
PRECISO MT DE AJUDA!!!
ResponderExcluirFiz 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
Oi Fabiano Roberto!!! =)
ResponderExcluirBem, 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
no blogger não tem como fazer pagina de abertura de outra forma.
ResponderExcluiralé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.
Obrigada! =)
ResponderExcluirPode 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? =)
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? =)
ResponderExcluirSimone o problema desses avisos de manutenção é que não tem como sair da pagina do aviso.
ResponderExcluirou seja se usar aquele código poderia colocar qualquer mensagem que desejar, mas ninguém conseguiria ver nenhuma outra pagina do seu blog
sobre a caixinha é o mesmo código que mostramos aqui:
ResponderExcluirMensagem ao entrar no blog
mas acho que não tem personalização da caixa, somente do texto
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.
ResponderExcluirprovavelmente você apagou algo errado no html.
ResponderExcluirtente retirar o código que colocou para ver se volta ao normal.
depois verifique se não esqueceu nada, por exemplo algum sinal / " > '...
Olá Fabiano,
ResponderExcluirAdorei 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!
Moniquevocê criou um blog novo... por isso ele ainda não aparece no google.
ResponderExcluirse 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.
Fabiano, obrigada pela dica.
ResponderExcluirVou alterar os link de destino do antigo blog para o novo.
Um feliz Ano Novo!
Muito obrigada pela ajuda.
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?
ResponderExcluiro jeito de retirar é apagar os códigos...
ResponderExcluirmas 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)
Ola tudo bem???
ResponderExcluirGostaria de saber como posso colocar um video de boas vindas no meu blog...Forte ABraço...
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.
ResponderExcluirFabiano, 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
ResponderExcluirhttp://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?
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
ResponderExcluirFelizmente fiz backup.
ResponderExcluirE o Link tenho-o guardado
Vou recolocá-los de maneira diferente
Brigadim Fabiano!
Fabiano
ResponderExcluirTeria como na pagina de abertura colocar várias imagens com vários links ?
Att
CArlos
Carlos você pode usar quantas imagens e links quiser.... fizemos no tutorial com uma imagem para ficar mais simples de explicar.
ResponderExcluiré util para site adulto
ResponderExcluirFabiano, fiz no meu blog com minha pag. inicial e deu certo!
ResponderExcluirGrande 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!!!!
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
ResponderExcluirEntão, consegui tirar o emblema do Google!
ResponderExcluirPior, 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
Fabiano,
ResponderExcluirVc faz ou me indica alguém que pode ter acesso a login e senha e resolver esses problemas?
Grata,
deveria trocar o emblema do google por outra imagem (veja no tutorial links sobre criar e hospedar imagens)
ResponderExcluirBeth isso são coisas simples de fazer... não precisa dar sua senha para ninguém por causa disso.
ResponderExcluirSim, 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?
ResponderExcluirnão consegue acessar a pagina para trocar o template?
ResponderExcluiro que acontece quando entre no blogger.com e coloca sua senha?
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!
ResponderExcluirNão tenho acesso ao design para ir até o modelo.
Beth tente excluir seu histórico de internet. Deve ser um erro no carregamento da pagina
ResponderExcluirFabiano,
ResponderExcluir1º 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!
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.
ResponderExcluirDesde já obrigado.
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.
ResponderExcluirveja 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
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
ResponderExcluircomo deixa esses negocio de postar cometario no fim da postagem.Eu tenho meu blog ,mas esse negocio só fica na pagina principal.
ResponderExcluirtem que usar os comentários na opção incorporados isso fica nas configurações do blogger
ResponderExcluirEu 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
ResponderExcluirJorge
ResponderExcluiraquilo é um menu horizontal, veja aqui:
Menu Horizontal com Efeitos no Blogger usando CSS
Como colocar em outra template baixada da internet??? por favor mim ajude???? agradeço muiitoo
ResponderExcluirsó precisa enviar o template que baixou para o blogger, veja aqui:
ResponderExcluirComo Trocar ou Colocar um Template do Blogger
Como que eu faço para deixar a imagem centralizada?
ResponderExcluiro código que mostramos já está com a imagem centralizada. Usamos a tag center
ResponderExcluirse 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
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!!!
ResponderExcluirMarcio o blogger tem um gadget de slide, veja aqui:
ResponderExcluirColocar Gadget com Slides das Postagens Recentes do Blog
como colocar um video já postado como pagina inicial?
ResponderExcluirMatefisica
ResponderExcluirvocê poderia copiar o código deste vídeo e colocar em um gadget de html/javascript
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é normal aparecer a tela de boas vindas na pagina inicial do blog, alias esse código faz justamente isso alterar a pagina inicial
ResponderExcluirBom dia Sr: Fabiano;
ResponderExcluirO 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
para fazer uma imagem animada é só salvar no formato .gif
ExcluirMas 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
Antes de mais, parabéns pelo site. Muito útil para a comunidade blogger!
ResponderExcluirGostaria 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
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:
ResponderExcluira href= .......
deste jeito:
a style="margin-top:10px" href
Essa solução não deu... tem mais alguma que me possa ajudar?
Excluirtente usar padding em vez de margin
ResponderExcluirou pode tentar colocar todo o código dentro de uma div, deste jeito:
< div style="padding-top:50px" > todo código aqui < / div >
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?
Excluireu que errei. A pagina editar html as vezes não aceita que use aspas no código. troque as aspas do código por '
Excluirdeste jeito:
'padding-top:50px'
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".
ResponderExcluirO que deu errado?
Agradeço
V.
esse código é para mostrar somente a imagem na pagina inicial e não vai aparecer o cabeçalho.
ResponderExcluiraté 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.
Tentei umas 500 vezes e não consegui de jeito nenhum!!!
ResponderExcluirse puder entrar em contato comigo agradeço
veja se não apagou algo por engano na hora de adicionar os códigos no seu html.
Excluirqualquer 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
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 ???
ResponderExcluirno blogger não existe pagina de abertura.
ResponderExcluirentã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.
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 :
ResponderExcluirErro 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 ?
provavelmente é o código da imagem que você colocou.
Excluirdeve 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.
ola boa tarde como faço para ter vidoe em vez de imagen ao entrar no meu blogue?
Excluirsó precisa adicionar o código do vídeo no lugar que falamos para colocar o código da imagem
Excluirtodo procedimento é o mesmo
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