Pages

Saturday, December 3, 2011

Add Blogumus to Blogger

Blogumus is a flash based tag cloud which display all of your blog label in a nice flash animation. It is very simple to add it into your Blogger. If you're using the new Blogger template (not Dynamic template), then open your Blogger template and proceed to Edit HTML.

There, check the 'Expand Widget template' checkbox and search for something like this one:
<b:section-contents id="sidebar-right-1">
.
.
.
</b:section-contents>

If you've found it, there you'll found all of your sidebar widget. Just add this code so it'll become like this one:
<b:section-contents id="sidebar-right-1">
.
.
.
<b:widget id='Label99' locked='false' title='tag cloud' 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>
</b:section-contents>
Done? Preview it and if everything is ok, you should see flash based tag cloud on your sidebar!

If your blogger using the old template, or if you want to customize your blogumus, then you can follow instruction here:
http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html

Happy customizing! :)

No comments:

Post a Comment