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. According to game research : mougle

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. In The New Blogger Dashboard Click The Drop Down For Your Blog > Choose Layout > Click Add A Gadget > Choose HTML/Javascript > Paste In The Code as shown in the video below :

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.

21 comments:

  1. Hi, I downloaded the purple flower but the falling flowers aren’t continuous – they come down and that’s it. It seems like maybe they have to reach the bottom of the page and then start all aver again, but that isn’t the effect I was after. Can you help?
    Thanks.

    ReplyDelete

  2. Hi Blossom,

    I have it set for 10 flowers to fall the lenght of the page and then 10 more…
    I felt this would not obstruct the readers of the blog.

    If you have a lot of posts on your home page (you can set how many in your settings) then the page will be long and the effect will not be as good.

    However i am going to try and get a seperate code to set a continues flow.When i have it working and tested i will add it to the post alongside the other 3.

    If you want to make sure not to miss it you can send an Email to :
    Paul@spiceupyourblog.com
    and i will send it to you once created.

    Paul.

    ReplyDelete

  3. Hi Paul,

    thank you So much for this! i followed your instructions and voila1 i have a purple flower display!

    Thanks So Much for a great blog!

    ReplyDelete

  4. Thank You Ronel,

    I am working on adding more options to this effect at the moment there doesnt seem to be enough hours in the day 😀

    Im delighted you like it,

    Paul.

    ReplyDelete

  5. flowers shops in CanadaFebruary 13, 2010 at 7:14 AM

    Oh that falling flowers are really nice and i like reading your post. Here i like to share that i love to see colorful flowers and recently i came to know about a site flower-shops.biz which contains information about flower shops and also allow to buy and send flowers online. I find it very helpful.

    ReplyDelete

  6. How do I make the flowers smaller? I feel its alittle too big, and small flowers would like nicer! 🙂

    ReplyDelete

  7. Delhi Flower DeliveryMarch 23, 2011 at 6:46 AM

    thanks for instructions .. i followed steps and made a modified yellow flower effect.. it was a nice one.. thanks for guide..

    ReplyDelete

  8. Flower Delivery BangaloreMarch 27, 2011 at 6:02 AM

    It’s really an amazing thing to be able to have a good range of one’s to choose when it is regarding a gift idea with blooms, a person seriously does have a large number of choices.

    ReplyDelete

  9. Wholesale FlowersApril 25, 2011 at 3:36 AM

    Thanks for posting! How do I change the flower color?

    ReplyDelete

  10. Hey Paul!
    I have been looking over your tutorials, and I have to say, you really have it goin on upstairs.

    I used your back to top button, and it worked, so long as i didn’t try adding the button I found on another website. Yours works just fine.

    I put up the scrolling banner, but evidently, I didn’t read your caution about putting my own address in it, so I was showing posts from your site. Hey. I’m very, very new at all of this.

    Gonna learn some HTML and stuff, and then I’m going to conquer the world, or at least make a lot of people happy payin it forward, since you’re teaching us.

    You have great, important content. My favorites bar is full of Paul creations. That makes you the cool cheese, guy! 🙂

    I will try the scrolling banner again after I try the purple flowers. They match my insanely colorful and busy blog just perfectly! Thank you! You’re a peach!

    ReplyDelete

  11. i can’t any effect !

    ReplyDelete

  12. This is great to know I was wondering how to make great flower arrangements.

    ReplyDelete

  13. I have put the purple flower in my blog but its not working!
    Can you help me?

    ReplyDelete

  14. sandy’s crafty bitsMarch 2, 2012 at 7:14 PM

    wow thank you for that tutorial … have managed to put a few falling flowers on my blog thank you for sharing

    ReplyDelete

  15. Anniversary FlowersMarch 11, 2012 at 3:10 PM

    It’s a really very interesting post.

    ReplyDelete

  16. Lethbridge floristApril 5, 2012 at 10:20 PM

    Well that’s really great and I appreciate it. Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic.

    ReplyDelete

  17. Thank you for this wonderful tutorial. I love the flowers and I’ll put this on my blogs.

    ReplyDelete

  18. birthday flower candleOctober 29, 2012 at 2:12 PM

    I just love this. Thank you so much! It was really easy and I like that the flakes are big, everything else I had found had too small flakes!

    ReplyDelete

  19. Love it .. but it’s not working on my blog. help please 😉
    Thanks

    ReplyDelete

     

    Replies

     

  20. TAEAE try clearing your browsers cache and then you should be able to see the flowers.

    Delete

  21. Okay thanks for your help.

    Delete