16/12/2013

Enfeites de Natal para Blogs: Efeito Neve Caindo e Outros

Código para colocar o efeito neve caindo no blog e alguns outros enfeites para personalizar seu blog como, por exemplo: estrelinhas no ponteiro do mouse, gadgets com frases ou imagens aleatórias, como criar efeitos em links quando o mouse está sobre eles. Enfim diversos enfeites para blogs para usar neste Natal e Ano Novo, sendo que alguns deles são ótimos acessórios para blogs em qualquer época do ano. E aproveitamos para desejar um Feliz Natal e Próspero Ano Novo para todos (Mensagem de Ano Novo para Blogueiros).

Enfeites de Natal para Blogs: Efeito Neve Caindo

Código Efeito Neve Caindo no Blog


Entre na pagina editar HTML do Blogger, recomendamos usar o ctrl F para achar o código: </head> e cole esse código javascript antes dele:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'/>
<script src='http://yourjavascript.com/61532113121/new-snofall.js'/>
<script>
$(document).ready( function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});
</script>

Personalizar o Efeito Neve no Blog


minSize: 10 - tamanho mínimo dos flocos de neve caindo no seu site.
maxSize: 50 - tamanho máximo dos flocos de neve
newOn: 400 - tempo entre cada floco de neve, ou seja, controla a quantidade de neve caindo no seu site ou blog, mas a quantidade é inversamente proporcional, ou seja, quando mais aumentar o valor (400) mesmo flocos de neve aparecem ao mesmo tempo.
flakeColor: '#ffffff' - cor do floco de neve - Código HTML das Cores

Agora sabendo como alterar o código e personalizar o efeito neve é só ajustar da melhor forma para combinar com o seu layout e template.

Sobre a quantidade de neve caindo sugerimos que não exagere, pois configurar o efeito para cair muita neve pode deixar seu blog mais lento em alguns navegadores, veja mais informações sobre Analisar e Tornar seu Site ou Blog mais Rápido.

Veja outros acessórios e enfeites para blogs:
Como Colocar Efeito Arco-Íris nos Links do Blog

Efeito Estrelinhas Coloridas no Mouse

Como Colocar Imagens e Frases Aleatórias no Blog

Esperamos que gostem deste código do efeito neve que é bem simples de instalar no blog. E claro que não poderíamos deixar de diz que esse código foi publicado originalmente no site Spice Up Your Blog e justamente por ser simples de colocar no blog resolvemos publicar aqui também.
Related Posts with Thumbnails

17 comentários:

  1. Fabiano,

    Tem como criar um formulário para pessoas me enviarem imagens em formato .gif? Por exemplo:
    Meu blog é de animações, e quero criar um formulário onde a pessoa pode enviar a suas animações em formato .gif, após enviar, chegará um email para mim com o gif da pessoa.

    Obrigado,

    ResponderExcluir
  2. o google drive tem formularios, mas não sei se tem esse recursos de enviar imagens

    Criar Formulário ou Enquete para Blogs com o Google Drive

    mas pode colocar o formulario para a pessoa entrar em contato

    ResponderExcluir
  3. Olá Fabiano!
    Sempre com boas dicas!
    Só que hoje vim pedir ajuda: o botão e quadro de participantes ( seguidores) do meu blog, sumiu. O blogger manda eu atualizar; acontece que não lembro onde está a opção atualizar.
    Você poderia , por favor, ajudar-me?
    Abraços!

    ResponderExcluir
  4. Fabiano é urgente me responde,

    Todos blogs que eu vou, a parte lá de Seguidores só fica o título não aparece os seguidores só o título, eu já perguntei para muitas pessoas e nelas estão iguais. Oque ta acontecendo?

    Obrigado.

    ResponderExcluir
  5. se não for uma falha momentânea então o google está desativando o serviço, neste caso só resta mudar para o google plus

    ResponderExcluir
  6. Olá Amigo eu mudei meu templete para um oficial do Blogger e não consigo mudar o menu no final (Postagens mais antigas) queria muda para (Proxima ) e vi que você conseguiu no seu ... pode ajudar ? obrigado...

    ResponderExcluir
  7. Fabiano,

    Tem como deixar a imagem do cabeçalho transparente? Ja tentei todos formatos e já tirei o fundo da imagem só qe não foi.

    Obrigado.

    ResponderExcluir
  8. Pivot

    para deixar a imagem sem fundo tem que salvar no formato .gif ou .png, mas já tem que criar a imagem com fundo transparente

    porém se o fundo do seu blog for uma cor sólida (por baixo da imagem do titulo é uma cor só) como é o nosso caso então sugiro que crie a imagem com fundo da mesma cor que o resultado será o mesmo que o fundo transparente

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

    ResponderExcluir
  10. Bruna

    você deve ter apagado alguma coisa por engano no seu html

    esse código na pior das hipóteses era para não acontecer nada.

    infelizmente não tenho como saber qual foi o erro.

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

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

    ResponderExcluir
  13. consegui resolver meu problema aqui ta o link se alguem precisa vc podera ajudar https://support.google.com/blogger/answer/43614?hl=pt&ref_topic=1697700

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

    ResponderExcluir
  15. é bom saber que achou uma solução para o problema

    abraços e boa sorte com o blog

    ResponderExcluir
  16. Adorei as dicas e ja ate usei n meu blog .

    MODAMORENAFLOR2014.BLOGSPOT.COM
    **Abraços!!!!!!!!!!

    ResponderExcluir