Friday, January 28, 2011

How to Add 3D rotating Label cloud In a Blogspot blog

2 comments
 The script for the flash animated label cloud  was initially written as a plugin for WordPress called WP-Cumulus."Blogumus" is an Flash based tag cloud widget developed by Amanda which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress.

STEPS TO INSTALL BLOGUMUS IN BLOGGER LAYOUT :

1.Go to Layout and click Edit HTML in your Blogger dashboard.
2.Search for the following line(or similar) in your Layouts Html.

   <b:section class='sidebar' id='sidebar' preferred='yes'>
                                        or   
<b:section-contents id='sidebar-right-1'>  

3.Paste the following code after given line :

<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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


4.Firstly preview the template and if installed correctly save the template.

DEFAULT PRESET VARIABLES OF BLOGUMUS :

Width : 240px
Height  :300px;
Background color : white
Test color : grey
Font size : "12"
 You can also change the default parameters as per your requirements.

 CUSTOMIZING BLOGUMUS:


To customize the dimensions and background-color, modify the following line :

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

  To customize the font color,modify the following line :

 so.addVariable("tcolor", "0x333333");

To customize the font size,modify the following line :

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>"); 

This tutorial was adopted from Amanda's Tutorial.For more details click here.



2 Responses so far

  1. Anonymous says:

    One high ranking gοvеrnment busіnesѕ court worκer in the
    taκeout restaurant he inherited from his father.


    my weblog :: san jose internet marketing

  2. Anonymous says:

    Apart from this, and a brief exchange of letters towards the end of the world.
    So why do men get scared in three day detox?
    Developing the right energy is the ultimate skill needed to master female attraction.


    Feel free to surf to my homepage - best cleanse for detoxing the body

Leave a Reply

Protected by Copyscape Original Content Check
Related Posts Plugin for WordPress, Blogger...

Labels