Thursday 2 August 2012

Flash Animated Label Cloud For Blogger and Wordpress


The Flash Animated Label Cloud has been a popular widget for WordPress and Blogger for some time. Flash Label Cloud Widget is very popular for blogger.Its is very useful it save space and look beautiful.New Flash label cloud is different from old one it is easy to install and having colorful hover effect this label cloud is transparent which help to see every label clearly.




Here is a Demo CLICK HERE!

It's time to create your's:


1.) Log in into blogger

2.) Click Layout.

3.) Click Edit HTML tab

4.) Click Download Full Template and back up the template first.

5.)Find the code similar with the code below without expanding the widgets

<b:section class='sidebar' id='sidebar' preferred='yes'>


Now Place the below codes immediately after the above line you found



<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Now you can Preview your template. If its Ok You can Save it.

NOTE: You can change codes highlited in red above to change the color of text in blogumus and background color of it.You can also alter its size to adjust your sidebar just edit the red values in above codes.

That's it.


No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...