Falling Flower Effect Add 3 Types Of Falling Flowers To Blogger Blogs

In this post we will see how to add a falling flower effect to your blog.The Snow Fall effect was very popular over Christmas and as promised in that post i will show you how to add the flower fall effect.I had been meaning to post this earlier and a comment by Aata paata reminded me, thanks Aata.You can see how to get the Snow Fall Effect Here.

As always i want to give you options, especially as everyone has different styles and colors in there templates.With that in mind i spent a few hours creating 3 types of falling flower scripts.Just like the the snow fall effect they are very easy to add to your blog and just require you to add a gadget and i will walk you trough it.

Once added your blog will have the effect of flowers gently falling down the page.The flowers are transparent enough to not obstruct the readers.(The transparent Images were hard to find i ended up taking them from a Myspace hack..Shhh)

Flowers and demo.

Here are the 3 flower types available:

I have made a demo or sample page so you can see the effect in action, i used the pink flower on this page but all 3 look the same although the purple is a bit more full on Click Here For The Demo.


Lets add the flower effect to your blog


Step 1. Click 'Layout' ► 'Add a gadget' for your blog.

Step 2. Choose 'Html/Javascript' from the pop up menu and you will open the area to place the code.

Step 3. Copy the code for the flower you want below and paste it into the Html/Javascript area.


For the pink flower use this code:

<script src="http://yourjavascript.com/3111732201/pink-flower-effect-spiceupyourblog.js" type="text/javascript">
/***********************************************

* Flower fall effect by Paul Crowe http://www.spiceupyourblog.com
* Please keep this notice intact

***********************************************/
</script><br/><a href="http://www.spiceupyourblog.com/2010/01/falling-flower-effect-add-3-types-of.html" target="_blank"><font size="1">Get Flower Effect</font></a>

For the purple flower use this code:

<script src="http://yourjavascript.com/2223141713/purple-flower-effect-spiceupyourblog.js" type="text/javascript">
/***********************************************

* Flower fall effect by Paul Crowe http://www.spiceupyourblog.com
* Please keep this notice intact

***********************************************/
</script><br/><a href="http://www.spiceupyourblog.com/2010/01/falling-flower-effect-add-3-types-of.html" target="_blank"><font size="1">Get Flower Effect</font></a>

For the Yellow flower use this code

<script src="http://yourjavascript.com/4225143371/yellow-flower-effect-spiceupyourblog.js" type="text/javascript">
/***********************************************

* Flower fall effect by Paul Crowe http://www.spiceupyourblog.com
* Please keep this notice intact

***********************************************/
</script><br/><a href="http://www.spiceupyourblog.com/2010/01/falling-flower-effect-add-3-types-of.html" target="_blank"><font size="1">Get Flower Effect</font></a>

Once you have placed the code in the box click save.

That's it check out your cool new falling flowers.Check out more of our Blogger Gadgets and Tutorials.

Drop Your Commesnts And Questions Below.