.

Search cool tricks here !!!

.
.
.

Cool Tricks In Your Mailbox (Subscribe)

Thursday, 12 April 2012

Flash Animated 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!


DEMO

How to add this widget to blogger?

1. Sign into your blogger account.
2. Go to your blog and jump to "LAYOUT".
3. From there add a "HTML/JAVASCRIPT" gadget.
4. In the "HTML COMPOSER" paste the below code:-
<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://pcTricksarena.BLOGSPOT.COM/">BLOGGER TRICKS</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "HTTP://BLOGGERTRICKSHUT.BLOGSPOT.COM",
    color          : "000000",
    hoverColor     : "333333",
    backgroundColor: "FFFFFF",
    size           : 15,
    speed          : 100,
    width          : 250,
    height         : 250,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

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 15 to the text size suiting your blog's sidebar links.

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

That's it you have successfully added a super cool label cloud to your blog. Keep blogging. Don't forget to share. Bye!

0 comments:

Post a Comment

 
Blogger Widgets