HackingUniversity - Hacks . Tricks . How-To's

23 April 2016

Embed Moving Raining Clouds Widget in Blogger Blogs

If you love to entertain your readers by upgrading tits and bits in your blog like adding background music to your blogger blog and even adding those awesome animated cloud widgets like the one same as twitter and the other grey one for sober look. We have posted many other things for blogger too, like you can check our blogger widgets section for more awesome stuff.

raining clouds blogger widget

Well today we will be showing you how you can add awesome simple raining clouds in your blog, its quiet easy and can be added with a single line code above your </body> tag.

For DEMO you might be able to see clouds swinging around on this blog and showering some water onto you.

Adding Raining Clouds in your Blogger Blog

So lets jump in to the tutorial below and see how we can achieve this simple effect by adding a simple script.

  1. Open Blogger > Template > Edit HTML.
  2. Press Ctrl + F & search for </body> tag and paste below code above this tag, best part on single line of code make this work.

    <script src="http://javascriptbestcodes.com/codes/cloudandrain.js"></script>

  3. Now save your template and refresh your blog to see this awesome effect running live on your blog.


I hope you enjoyed this small tutorial on adding raining clouds widget in your blog on blogger. Do comment if you face any problem running this widget, I would be happy to help you out.