Spice Up Your Blog

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.

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://flowerfall.googlecode.com/files/spiceupyourblog1.js" type="text/javascript">
/***********************************************

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

***********************************************/
</script><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://flowerfall.googlecode.com/files/spiceupyourblog2.js" type="text/javascript">
/***********************************************

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

***********************************************/
</script><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://flowerfall.googlecode.com/files/spiceupyourblog3.js" type="text/javascript">
/***********************************************

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

***********************************************/
</script><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.
You have the option to give the gadget a title although this is not required.

If you need any extra help or have anything to add just comment below.

Is there another type of object you would like to have falling down your blog ?
Let me know maby i will create it.

Now go check out your blog and see the cool effect in action.

---

Did You Like This Post ? Click Like Below To Let Us And Your Friends Know - Thanks !

---

Important Must Read Before Posting A Comment

In order to keep our comments Do-Follow we have some guidelines you need to follow.
Do not put links in the body of your comment as it will automatically be blocked !
Asking a question ? Make sure to tick the subscribe to comments by email box to be alerted of the reply.