Falling Flower Effect Add 3 Types Of Falling Flowers To Your Blog

Sponsored Links

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.

Blogger layout

add a gadget blogger


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

add html javascript blogger


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:


<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><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://template.duniague.net/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:


<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><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://template.duniague.net/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


<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><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://template.duniague.net/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.

Sponsored Links
Copyright 2011. All rights reserved.
artist photos