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




| 21 comments

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. 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.

Drop Your Commesnts And Questions Below.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

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 :D

    Im delighted you like it,

    Paul.

    ReplyDelete
  5. 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. thanks for instructions .. i followed steps and made a modified yellow flower effect.. it was a nice one.. thanks for guide..

    ReplyDelete
  8. 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. 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. This is great to know I was wondering how to make great flower arrangements.

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

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

    ReplyDelete
  14. 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
  15. Thank you for this wonderful tutorial. I love the flowers and I'll put this on my blogs.

    ReplyDelete
  16. 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
  17. Love it .. but it's not working on my blog. help please ;-)
    Thanks

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

      Delete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us