Ajouter un effet de neige / noël dans votre Blogspot

J'ai reçu énormément d'email me demandant comment ajouter un effet de neige / noël et comme je ne répond pas aux email (pas assez de temps pour répondre aux commentaires alors les emails....) je vais essayer d'expliquer ici comment faire.
Neige et noël dans Blogspot Blogspot
Vous pouvez ajouter l'effet neige dans toutes les pages du blog, dans la page d'accueil ou dans une page de votre choix (Plus d'infos ici : Afficher un widget dans des pages spécifiques d'un blog Blogger ).

Si vous ajoutez l'effet à toutes les pages, vous aurez de la neige également dans votre tableau de bord Blogger.

Pour ajouter l'effet noël, vous pouvez copier le code dans un widget (sans lui donner un nom) sinon connectez vous à Blogger, Allez dans "Présentation", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets" puis à la fin de votre code HTML, juste avant le </body> ajoutez un de ces codes :
<script src='http://B.LeBlogWeb.com/B/JS/snowstorm.js' type='text/javascript'/>
<script type='text/javascript'>
snowStorm.snowColor = &#39;#FFFFFF&#39;;
</script>
Changez le code de la couleur de la neige pour correspondre à celle de votre arrière plan : Codes html des couleurs
Démonstration Effet 1

Effet 2 neige noël

<script src='http://B.LeBlogWeb.com/B/JS/snowleblogger1.js' type='text/javascript'/>
Contrairement au premier script, cet effet affiche des images de flocon de neige.
Dans les deux autres effets, il n'y que l'image qui change.
Démonstration Effet 2

Effet 3 Noël Blog

<script src='http://B.LeBlogWeb.com/B/JS/snowleblogger2.js' type='text/javascript'/>

Effet 4 Neige Blogspot

<script src='http://B.LeBlogWeb.com/B/JS/snowleblogger3.js' type='text/javascript'/>

Conclusion

Ce genre d'effet dérange beaucoup de personnes et ça ralentie considérablement le chargement de votre blog, donc personnellement je vous déconseille de l'utiliser.
Pour ceux qui me demandent comment changer l'apparence de la souris dans leur blogs c'est le même constat: ça sert à rien, ça va gêner la plupart des visiteurs et ça ralentie le chargement des pages.
Libellés : Publié le samedi, décembre 18, 2010
23 Commentaires
  1. Je viens de decouvrir ton blog...
    Excellent ! Merci...

    RépondreSupprimer
  2. toujours aussi fort soufiane comment tu arrives à avoir autant d'idées
    ;))

    RépondreSupprimer
  3. Merci Soufiane, c'est magnifique
    http://lewordpress.com/Blogger/Image/Onion30/LeBlogger7.gif

    RépondreSupprimer
  4. bizarre, j'arrive à mettre le premier code mais pas le second ! :a

    RépondreSupprimer
  5. Pourtant dans la démonstration ça marche ;) c'est quoi ton blog ;)

    RépondreSupprimer
  6. Bonjour Soufiane,

    Merci pour tous ces gadgets supers! J'aime beaucoup ton blog.
    Je sais que tu n'as pas le temps de répondre aux emails et commentaires mais je me permets de t'envoyer une question car là, je ne sais vraiment pas comment faire et mon problème est de taille b-(
    Mon blog met très longtemps à s'ouvrir depuis 2 jours alors que je n'ai rien changé ni aux gadgets ni au code html. Je ne trouve aucune solution à mon problème sur le web. Mon blog est : http://atelier-gourmand.blogspot.com/. A terme mes lecteurs vont finir par déserter mon blog :a
    Si tu as quelques minutes à m'accorder ce serait génial. Merci d'avance.

    RépondreSupprimer
  7. @Virginie
    En effet il est très très lourd, j'ai testé avec http://tools.pingdom.com/ et il y a un script qui ne fonctionne plus (http://www.doyoufeed.com/fr/load.php?js=extern.js), je crois que c'est ça qui fait que ça met autant de temps ...

    Essaye d'enlever ce truc pour voir, J'ai vu que ça a un rapport avec une version iPhone de ton blog ;) ces truc là ne servent a rien ...

    Peut être il faut supprimer ce code:
    <script language='JavaScript' type='text/javascript'>
    var rss='http://atelier-gourmand.blogspot.com/feeds/posts/default?alt=rss';
    var title='Atelier gourmand de Virginie pour iPhone'; // titre du site iPhone (optionel)
    var question='Voulez-vous utiliser la version iPhone de mon blog?'; // question posee aux utilisateurs iPhone (optionel)
    var share=true; // liens de partage (optionel)
    var shortcut=true; // menu de navigation des news (optionel)
    var lang='fr';
    </script>
    <script language='JavaScript' src='http://www.doyoufeed.com/fr/load.php?js=extern.js' type='text/javascript'></script>

    Dit moi ce que ça donne !

    RépondreSupprimer
  8. Alors là Soufiane, je te dis un très grand merci!!! T'es trop fort! Je ne savais vraiment pas comment faire et j'avais testé de retirer des gadgets sans succès..C'était effectivement ma version pour iPhone qui ralentissait mon blog. En plus c'est vrai que ca ne sert pas à grand chose ;)
    Je vais allez voir ce site http://tools.pingdom.com/. Merci encore et à très bientôt.
    Virginie

    RépondreSupprimer
  9. De rien, ravi d'avoir pu aider :)
    Le site que je t'ai donné affiche le temps de chargement (ou pas) de chaque élément de ton blog.
    Avant ton blog se chargeait dans ~26 secondes :z maintenant c'est 6 secondes :((
    Le miens est a 3.5 secondes :a

    RépondreSupprimer
  10. Je viens d'essayer tools.pingdom.com et je trouve que cet outil est très intéressant. Merci!

    RépondreSupprimer
  11. Merci Soufiene
    Il faut dire que vos conseils et astuces sont toujours précieux! Pour le widget effet de neige, j'ai trouvé un autre sur l'adresse http://interestingwebs.blogspot.com/2008/12/how-to-add-falling-snow-effect-to-blog.html
    Vous pouvez le tester ça marche très bien

    RépondreSupprimer
  12. Merci pour le script des flocons de neige ! C'est vraiment excellent et très simple à mettre en oeuvre. Un grand merci ! ;-)

    RépondreSupprimer
  13. Ca c'est vraiment beau! C'est bien d'avoir des flocons de neige! Mais comment faire le déneigement québec si on ne les veut plus? Merci pour toute cette information!

    RépondreSupprimer
  14. ton idée tombe à pic avec ce que je cherche !
    Merciiiiiiiii :)

    RépondreSupprimer
  15. Hello,

    Je viens de tomber par hasard sur ton blog :) merci pour ces astuces.

    J'en avais déjà trouvé quelques une : http://forum.forumactif.com/t360455-decorez-votre-forum-pour-les-fetes-de-fin-d-annee

    Peut être que ca pourra compléter la panoplie :)

    RépondreSupprimer
  16. bonjour,
    un super grand merci pour cet effet neige : quel rêve et en plus facile à appliquer!

    RépondreSupprimer

Copyright 2015 Soufiane.fr