Pages

Blogumus: movable label cloud for blogger


Installing the widget:


In your Blogger Dashboard, go to Design > Edit HTML and search for the following line (remember to backup your template before editing):
<b:section class='sidebar' id='sidebar' preferred='yes'>

Paste this code immediately after the above 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://bloggerhosting.appspot.com/serve/dualtranz.googlepages.com/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.swfcabin.com/swf-files/1265483417.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>
</div>
</b:includable>
</b:widget>
Preview the template and you should see the Blogumus on your sidebar. Save your template. You can now adjust the widget's position in Design > Page Elements.

Important Note:

Do not use the apostrophe or quote character (' or ") in your Labels or the widget will stop working.

Customizing Blogumus:

"tagcloud", "240", "300", "7", "#ffffff");
width
heigth
background color
so.addVariable("tcolor", "0x333333");
text color
so.addVariable("tspeed", "100");
rotation speed
values='data:labels' var='label'><a expr:href='data:label.url' style='12'>
text size

(Known Bug) Somehow one of your labels will not show up and unfortunately I'm not really sure of the cause, maybe this is how it was coded to be.

0 comments:

Post a Comment

 
Share