TutZone » Blogger Tricks And Tutorials » The Snow Show In Your Blogs

November 30, 2009

TEXT SIZE minus plus

The Snow Show In Your Blogs

by Bariski 28 Comments
Advertisement
You Might Be Interested In Our Popular Article
  • Most Essential Free Softwares After Windows Installation

    • Winters are here and Snow effects remain very popular on the web for decorative purposes. This tutorial helps you achieve such effect without using images.

    The result is a lightweight, hassle free experience. As the snow is white, this script is only suitable on pages with a dark background.

    Demo:

    http://www.dynamicdrive.com/dynamicindex3/snowdemo.htm


    For WordPress Users:

    Note: Do take backup of your theme before you try this.

    01. Go to Appearance => Editor.
    editor

    02. Then choose Footer.php file from right hand side and add below code before </body>:
    footer.php

    <script src="http://www.dynamicdrive.com/dynamicindex3/snow.js" type="text/javascript">

    /***********************************************

    - Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript

    - Script featured and available at Dynamic Drive at http://www.dynamicdrive.com/

    - Please keep this notice intact

    ***********************************************/

    </script>

    03. Save The file and you are done.

    For Blogger Users:

    Note: Do take backup of your template before you try this.

    01. Go to Layout => Edit HTML and before </body> add Below code in to it:

    blogger-footer

    <script src="http://www.dynamicdrive.com/dynamicindex3/snow.js" type="text/javascript">

    /***********************************************

    - Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript

    - Script featured and available at Dynamic Drive at http://www.dynamicdrive.com/

    - Please keep this notice intact

    ***********************************************/

    </script>

    02. Save Template. You are done.


    Script Source:

    http://www.dynamicdrive.com/dynamicindex3/snownoimages.htm


    This script is compatible with
    * IE5+: IE 5 and above
    * FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
    * Opr7+: Opera 7 and above.

    That concludes this simple and useful tutorial. Hope you like it.



    at 8:14 pm
    Print

    About the Author

    When I was born I was so shocked I didn't speak for a year and half...... My brain has 2 parts, Right and Left, The Right one has nothing left in it and the Left one has nothing right in it......Who says Nothing is Impossible?? I've been doing nothing for years......