Stylish Animated Blogger Label Cloud Tag Widget

Animation is one kind of extreme creativity in design, we naturally create animated .gif through photoshop. Have you ever known about blogger animated label cloud tag? there is a particular JavaScript which generates animated label cloud and automatically configures your blogger blog to float or animate the label keywords you destine. This widget is not so far customizable in general way but if you know JavaScript and you have a hosting then you could easily customize this widget and host it on your server and use it on your way. Today i'd show how to implement this widget on blogger as well as it's customizations.

Live Demo

Install Animated Label Cloud Widget on Blogger

1. First of all go to blogger and log-in your account
2. Now select your blog and go to layout section
3. Pick an HTML/JavaScript from blogger custom gadgets and paste the following code inside it

<div id="wbtFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.WildBloggerTRicks.blogspot.com/">WildBloggerTricks</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var wbtFlashLabelSettings = {
    blogurl        : "http://wildbloggertricks.blogspot.com",
    color          : "0090ff",
    hoverColor     : "FFF",
    backgroundColor: "FFFFFF",
    size           : 10,
    speed          : 150,
    width          : 300,
    height         : 300,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://wbt.googlecode.com/svn/Ahmedz_Test-flash.js"></script>

4. Now save it and set on your sidebar as the better position

Customization Guidance

1. Change blog url by http://wildbloggertricks.blogspot.com
2. Change link color by 0090ff and hover color FFF
3. Change background color FFFFFF, height  300, width 300, speed 150, size 10

"These are the all changes across this stylish blogger auto flash label could plugin, You're requested to respect its copyright"