Friday

Blogumus - Flash Animated Tag Cloud For Blogger

...

Okay, I know right now you must be wondering what is this dude talking about? Such a strange name for a Widget, well, that's probably because you may have not heard of it before.
Following my previous post concerning tag cloud widgets.
The benefits of having this widget is the positive SEO results it attracts, otherwise, its contents which are the big and small letters scattered over the place makes a blog look untidy.
This problem is what Blogumus in this post have come to solve.


Blogumus is a very beautiful flash animated tag cloud widget for your blog, your tags smoothly moves around when your visitors hover their mouse around them, it was originally meant for WordPress, where it  was called Roy Tanck's WP Cumulus plugin for Wordpress.
Roy Tank created the plugin and discussed its first appearance in 2008, then Amanda of Bloggerbuster tweaked it and later figured out ports that made it work on Blogger platform, so you can have it on your blogger blogs.
The widget is a combination of Flash and Javascript, and had been tweaked in a way that would be very easy for you.
Since it contains Flash content, since it contains Flash,
you'll be needing Flash Player plugin for your browser to view it (get Flash Player from Adobe)

DEMO 

  • A DEMO of this widget is shown here at the footer of  my demo blog here, it comes alive as you hover your mouse over it right?. 

HOW TO INSTALL BLOGUMUS TAG CLOUD WIDGET ON YOUR BLOGGER BLOG

Go to Design > Layout > Edit HTML
Back up your template. 
Now use CTRL + F to find

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

 Right under the code, Copy & Paste the ones below


<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.editweaks.com/'>EdiTweaks</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>

We are done!, Now Preview the blog, if it comes out well, it will display on your sidebar, or any where you placed it, you may even change its location from your Page Elements. Real simple huh?


CUSTOMISING THE WIDGET

Customising is also possible
You only have to do few changes in the Variables
In this default installation, Blogumus includes the following preset variables:
  • Width is set to 240px
  • Height is set to 300px;
  • Background color is white
  • Test color is grey
  • Font size is "12"

 So from here, if there's some adjustments you want to make, so it could fit in perfectly for you, then simply edit and do your changes on the variables coloured in Red at the codes above.
When done, you can Preview it, once you're satisfied with your customisations, hit SAVE.

Hope you found this helpful as it makes your blog look more beautiful for your visitors.
Please take a second to share. ;)

...



Why Not Share This Post? It Takes Just A Second!!


Author: Edi Dominic Ifediri

Best described as a geek with a mixture of skills in drawing comics, Content-Writing, Computing and Mobile technology, this was due to his passion for Arts and Sciences since the age of 14 that he kicked off with the mobile web. He is the Founder/Chief-Editor at EdiTweaks which had almost been noticed as one of Nigeria's Best Tech blogs
You can add me on Facebook., follow my updates on Twitter or your Connections on LinkedIn
By the way, if your website/blog needs some tweaking, custom design or Optimization, you can Contact me here

Come on, hit us with a Comment. Love to hear what you think!

0 comments:

Post a Comment


Your Comments are Welcome.
You can Use Google Account To Leave a Comment, if You don't have a Google Account, You can add only Your Name, Click COMMENT AS >> Select NAME/URL >> Put your Name, (Leave URL empty if you don't have a website) >> then Write Your Comment in the Comment box and click Publish.

If you're here to Spam, Sorry, it won't work.

Let's enjoy and have a Reasonable conversation.
Thank You.