Colocar Efeito Neve no Blog

Chegando o final de ano algumas pessoas pediram um código para colocar neve caindo no blog, então preparamos esse código:

<script type="text/javascript">
endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/neve.js"></script>

Copie e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript. Este gadget pode ficar em qualquer parte da sua pagina. Você pode usar com a imagem que desejar, ou seja, não é necessário utilizars somente com imagens que simulem neve poderiam ser corações caindo pelo blog ou qualquer outra imagem, você só precisa hospedar a imagem e colocar no lugar indicado no código. Abaixo temos 4 imagens que podem servir como neve para utilizar alguma delas sugerimos salvar, depois hospedar no ImageShack e colocar o endereço da imagem no código no lugar que está http://img42.imageshack.us/img42/5508/neve1.png, se precisar de ajuda veja aqui como hospedar e usar o endereço certo da imagem.






Não fizemos o código já com o endereço de cada imagem, pois se muitas pessoas usarem a mesma imagem isso pode fazer com que ela seja removida do site de hospedagem por se tratar de um serviço grátis. Espero que esse código seja útil para enfeitar o seu blog para o Natal e outras ocasiões também, afinal como já dissemos você pode colocar qualquer imagem flutuando pelo seu blog de maneira bem fácil e rápida.

Quando visualizar seu blog pode ter a impressão que os flocos de neve passam apenas uma vez, mas não é isso que acontece, na verdade eles percorrem a pagina inteira até o final e não somente a parte que aparece na tela, então depois de aparecer a primeira vez os flocos demoram alguns segundos para começar novamente, mas isso é normal, veja que após ficar na pagina alguns segundos o efeito fica muito melhor que no inicio.

Adicionar ao iGoogle ou Google Reader

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

63 comentários:

Anônimo disse...

Muiiito. bom- Bem Legal para um Natal

Danilo Ramos disse...

Bacana hein, vo usar no meu blog ;D
Abraço !

Link disse...

Ficou Dando lag no meu blog
E normal ?

Elin@ disse...

Adorei! Já estou usando. Obrigada!

Anônimo disse...

vixi..., isso é ótimo, parabéns combinou com meu site ^^

Bia Bibs disse...

Fica lindo, mas...

No meu blog nada funciona quando o instalo. Reloginho não se movimenta, música não toca, Randomic fica estático...

Que pena...

Bj!!!!!!!!!

Iris disse...

Olá, bom dia!
Voces são D+....
Adorei a idéia, já estou usando no meu blog.
Boa semana.
Beijos
Iris

Aninha disse...

Ficou ótimo! Muito obrigada!

Themido disse...

boa show, gostei vlw!

Fabiano Roberto disse...

Bia Bibs
talvez seu blog já tenha muitos scripts nele e isso faça demorar para carregar.

esse código não interfere em outras coisas no blog

pedro disse...

Boa postegen bem criativo vou por no meu blog bem pensado numca tive um ideia de por neve no meu blog

Bia Bibs disse...

Então vou tentar novamente, meu querido.

Outro bj!!!!!!!!!!!!

Victor disse...

amaei o seu blog e esse efeito,coloquei a íltima das quatro imagens suas,mas queria saber como é que se faz para a sua imagem de início se mover?(esse dicas para blogs se movendo lá no início?)

Fabiano Roberto disse...

Victor
esse nosso cabeçalho é feito em flash, não tem como explicar melhor, mas se quiser escreva para nosso email e faremos um parecido pra você

Neusa disse...

Fabiano, suas dicas são o máximo. Consegui colocar neve no meu blog. E nem entendo muito bem dessas coisas. Parabéns pela iniciativa de disponibilizar seus conhecimentos de forma tão clara e sem pedir nada em troca. Coisa rara hoje em dia.

Sonia disse...

amei, amei, amei e ja coloquei no meu blog!!!

brigadao!!!

biju!!!

Lucas Jordison disse...

Fabiano, eu to usando este codigo no meu blog, parabens !

Eu tenhu uma duvida, nao encontrei aqui no Dicas para Blogs e nem um outro lugar. Vi que o Dicas para Blog tem isso, porém nao explica como usar

Gostaria de saber, como coloca um Header em flash. Se ainda nao tem um tutorial aqui, seria bom por, afinal, bastante gente gosta disto..

Obrigado

Alberto Silva disse...

Tenho domínio "pt.vu" no meu blog, mas quando coloquei este script lá deixei de poder aceder por pt.vu e agora só dá por .blospot.com ; tem alguma ideia do que se possa estar a passar?

Erick Lucas disse...

Ola galera do blog gostaria de parabenizar todas as pessoas do blog
por ter feito um blog tão tão ao legal
mais naum é só pra isso que estou mandando essa mensagem mais eu estou mandando para pedir que entre no meu blog por favor eu garanto que vão gostar
ai vai o link:
http://mangadoerick.blogspot.com/

Fabiano Roberto disse...

Alberto Silva
sinceramente não sei porque deu problema com esse domínio, o código não tem nada a ver com o endereço do blog.

Lucas Jordison

eu adiciono o flash como um gadget de html, arrasto até embaixo do título e depois vou no html e oculto o título do blog, veja essa postagem sobre banners aleatórios aqui mostra como ocultar o título

http://www.dicasparablogs.com.br/2008/10/banner-rotativo.html

Renan V. Ferreira disse...

Eu coloquei no meu blog e ate que ficou legal, mas agora tem no topo do blog aonde coloquei o gadget apareceu um link que leva para seu blog...
Isso é normal?

Sibele Maria disse...

Parabéns,seu blog é mto legal!
Conheçi ele hoje!
Queria te pedir um favor!
Não estou conseguindo colocar o cursor nem o relóginho.Abro o gadjet,html,colo,salvo,mas não entra.
E eu tinha antes no blog,só que sumiu.Já tentei colocar direto em editar html,do mesmo jeito que estavam explicando,mas tbém não deu certo.
Será que vc podia me ajudar!
Desde já agradeço.
Bjinhos

Fabiano Roberto disse...

Renan V. Ferreira
é normal aparecer o nosso link, assim outras pessoas que gostarem do efeito poderam saber onde achar e colocar no blog

Sibele Maria
o melhor jeito é pela pagina layout, adicionar gadget, html/javascript.

mexer na pagina editar html é bem mais difícil

Radio-Chat disse...

O meu fico muito massa nenhum legg.

http://downloadxml.blogspot.com/

JGGA disse...

Muito legal eu usei e ficou otimo!

Sibele Maria disse...

Oi cara eu de novo!

Seguinte,fiz o cadastro no site que vc mostra,mas não sei como fazer o resto.Já tentei clicar em todos os botões,mas não sei aonde que cola o código.Será que vc podia esplicar melhor,nunca usei esses sites para hospedar imagens.
Obrigada

Fabiano Roberto disse...

Sibele Maria
veja aqui sobre hospedar imagens
http://www.dicasparablogs.com.br/2009/07/imagem-nao-aparece.html

no http://imageshack.us/ se não quiser não precisa fazer cadastro é só enviar a imagem e depois copiar o código que está em direct link

Pedro MTX disse...

muito massa essa dica estou usando no meu site www.tutorialinocente.com.br

{♥Åññä Lµí§ä♥}_L€ØNARÐØ disse...

Que lindo heim affff adorei!
Bom já que fez esse codigo com as imagens caindo poderia também fazer um com uma imagem voando ehehe que tal!
Parabénssssssss seu Blog é tudo de bom...
Beijoss fica com Deus!

Gabriele disse...

Fabiano não estou conseguindo por no meu blog! tentei várias vzes e não entendo e tbem não da certo! Me ajude!

rezinhadesigns disse...

Olá,,adoreiii e ja coloquei no meu blog,,obrigada e Bom Natal p/ vcs!

Fabiano Roberto disse...

Gabriele, qual foi o problema? tentou trocar a imagem e não conseguiu? veja se está usando o endereço certo da imagem

http://www.dicasparablogs.com.br/2009/07/imagem-nao-aparece.html

se quiser escreva para nosso email

Anônimo disse...

Eu tou com um problema, desculpem lá a minha inocencia mas ainda não percebi onde se poe o codigo ?

Cpms e gostaria que ajudassem !

Fabiano Roberto disse...

Anonimo, você coloca o código pela pagina layout, adicionar gadget, html/javascript, esse gadget pode ficar em qualquer parte do blog

Goncalo993 disse...

eu tentei meter isso no meu site mas nao deu, sera que nao pudiao fazer um para sites tambem se faz favor

Fabiano Roberto disse...

Goncalo993

você tem razão, eu testei no meu site antes de publicar aqui e não funcionou bem, mas nos blogs está funcionando normalmente.

pesquise no google, achar neve que funciona em sites até que é fácil, mas esse é um dos poucos que conseguir fazer funcionar emb blogs

Jorge disse...

o código ate deu mas o único problema foi, em vez de me aparecer neve apareceu "imagem".
alguém sabe como mudar isso?
Obrigado!!

Fabiano Roberto disse...

Jorge
talvez tenha colocado o endereço errado da imagem no código

Pinguin do gelo disse...

uau!!!!adorei!!!eu editei o codigo agora fica caindo coraçoes ^ ^

Clara TMJ disse...

O MEU BLOG EU GANHEI ELOGIOS PRA CARAMBA! OBRIGADA MESMO! Mas eu tentei por fogos de artifício animados e eles só ficaram animados 2 vezer e depois parou! ficou uma mancha roxa. Isso é normal?

Fabiano Roberto disse...

Clara TMJ
veja se está tudo certo com a imagem, o código só faz o movimento, ou seja o que aparece é a imagem não importa qual seja

jgilsonsantos disse...

Meus parabéns, fico feliz por ter encontrado se blog, e ja estou com seu banner lá...

Se quiser visitar fique a vontade:
http://jgilsonsantos.blogspot.com

Obrigado

Anônimo disse...

Muito show! coloquei e é SUPER-HÍPER-ULTRA-MEGA-POWER-PLUS-ADVANCED-LEGAL!

Club Penguin de Bobe2011 disse...

É TRI SHOW COLOQUEM!!!!!!!

Barbara disse...

Legal já coloquei mais o gelinho não ta bom nao aparece mais ele só um quadrinho com um X

Fabiano Roberto disse...

Barbara
provavelmente está usando o endereço errado da imagem

Samy disse...

Eu consegui colocar neve mas não conseui colocar outra imagem e eu nãu entendi a explicação .Me ajuda.

Fabiano Roberto disse...

Samy
para trocar a imagem você precisa hospedar outra imagem e depois pegar o endereço dela e substituir no código.

veja essa postagem sobre hospedar imagens

http://www.dicasparablogs.com.br/2009/07/imagem-nao-aparece.html

m-d-araujo disse...

QUERO COLOCAR UMA DECORAÇÃO NO MEU BLOG E NÕA CONSIGO, O QUE POSSO FAZER PARA DECORAR MEU BLOG?

MIRIAN.

Fabiano Roberto disse...

m-d-araujo
dizer como e o que modificar num blog é complicado pois tudo é questão de gosto pessoal, mas o principal é entender um pouco de CSS assim conseguirá facilmente trocar as imagens de fundo.

ou então se quiser coloque os acessórios que achar mais legais que ver em outros blogs, quase todos são faceis de colocar pela pagina layout, adicionar gadget, html/javascript

uma penguin disse...

Amei esse blog me ajudou em muito a maior parte do meu blog eu procurei aqui e achei muito obrigada pela conscideração!

Abraços:Floidi

E se quiserem entrem no meu blog
Http://pinguinboxcp.blogspot.com

Inês disse...

É mt bom, coloquei flores de cerejeira a cair no meu blog e ficou D+. mt obrigada!!!!

Wellington Jorge Azevedo disse...

Gostei, so queria saber se tem como diminuir a quantidade deles uqeria colocar somente 5 tem como

Fabiano Roberto disse...

esse código permite controlar a quantidade de imagens, mas vou preparar outro

Wellington Jorge Azevedo disse...

Ok queria colocar $ nele mais teria de ser poucos e parabens pelo site realmente e otimo

Fabiano Roberto disse...

Wellington Jorge Azevedo
vou modificar esse código para pode escolher a quantidade de imagens, assim que ficar pronto farei uma postagem sobre o assunto.

Prof. Cledir Rocha disse...

Olá! Como faço para tirar esse efeito de neve do Blog ... eu não acho mais o gadget???
Não está na lista do layout ...
Tens como me ajudar?

Fabiano Roberto disse...

Prof. Cledir Rocha
o unicio jeito de retirar o efeito neve é apagar o código dele, você terá que ir procurando em cada um dos gadgets

Prof. Cledir disse...

Mas vou nos gadgets e ele não se encontra mais lá ... Onde ele poderá estar?
Tens alguma sugestão?

Fabiano Roberto disse...

Prof. Cledir Rocha, tente lembrar como colocou o efeito no blog, qual o endereço do blog que está usando esse código?

wanessa disse...

eu adorei esse mais será que vc pode colocar um de corações rosinha caindo eu acho muito fofo e adoraria colocar no meu blog
valeu
xellos no coração

Fabiano Roberto disse...

wanessa
para usar o código com corações é só trocar o endereço da imagem no código

Gatinha disse...

>_> N quero neve, quero florzinhas cor-de-rosa! Sniff ;_;