Animated Flash Label Cloud Widget For Blogger

Animated Flash Label Cloud Widget For Blogger

Presenting the Flash Animated Label Cloud Widget for blogger. This is a fully flash widget with wonderful effects. This is a easy customizable widget and automatically extracts labels from your blog. This has been a very popular plugin at WordPress. Your blog will surely get a good look with this tutorial. So in this post you will learn how to add this super cool widget to blogger blogs and customize it as per your needs. So lets get on to the tutorial!

How To Add Flash Label Cloud Widget To Blogger?

1. Login To Your Blogger And Go To Design Section.
2. From there add a "HTML/JAVASCRIPT" gadget.
3. Copy and paste the code below.

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "http://beautifulbloggerwidgets.blogspot.com",
    color          : "000000",
    hoverColor     : "333333",
    backgroundColor: "FFFFFF",
    size           : 12,
    speed          : 100,
    width          : 250,
    height         : 300,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

4. Save your template and now you should get a working Flash Label Cloud On your Blog.

How To Customize This Widget? 

As mentioned above this widget is an easy customizable widget, just fellow the simple steps to make this widget suit your blog. Just understand the simple words to be changed!

1. Change our blog url to yours(if you won't do it, labels will be extracted from our blog not yours).

2. In the label color- change the code 000000 to the color your want.

3. Change the hover color 333333 to the color you want.

4. Change background color FFFFFF to the color you want.

5. Change size 12 to the text size suiting your blog's sidebar links.

6. Change the height(250) and width(300) to the height and width your sidebar suits