Blogumus: a flash animated label cloud for Blogger!

http://www.blogger-help.com/2010/07/wp-cumulus-flash-based-animated.htmlBlogumus: a flash animated label cloud for Blogger!

August 28, 2008 /

 "Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease! 

Update #2 (27th April 2010)

Due to hosting issues, Blogumus has stopped working for those who had previously installed using these instructions. I've resolved the hosting issues by uploading to Google Sites and have edited the following tutorial for installation accordingly.

Unfortunately, this does mean you'll have to reinstall your Blogumus widget or change the URLs to the swfobject.js and tagcloud.js files in your template code in order to ensure your widget works properly again (new installations should work just fine).

If you'd like to reinstall this widget, you can delete the Blogumus gadget from within the Layout>Page Elements section of your Blogger dashboard and use the instructions below to add it again.

If you'd simply like to change the URLS to the files, go to Layout>Edit HTML and tick the "Expand widget templates" box. Then locate the following two URLs in your template:

http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf
and
http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js

And replace them with the following URLs:

http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf
and
http://sites.google.com/site/bloggerustemplatus/code/swfobject.js

You can preview your template to ensure you've made no mistakes before saving, and your updated code should display the tag cloud in your blog.

Sincere apologies for the inconvenience this may have caused!

Update #1: Improved Widget Code

I have updated the code required to run this widget to activate links in the tag cloud Flash movie. If you have already installed Blogumus, please replace your widget code with the new updated code, or reference the additional lines to modify your existing installation.

How it works

This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :) You should also be able to move the Label Cloud widget through the Page Elements page of your dashboard if you prefer display in a different layout location. To see Blogumus in action, both Flash and Javascript must be installed and enabled for your internet browser. However, it does degrade relatively gracefully, and label links will still be clickable (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

How to install Blogumus in your Blogger layout

Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, though any tweaks for the style of display will require some manual editing. Here are the steps required to install Blogumus in your Blogger layout: Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line (or similar):

Immediatly after this line, paste the following section of code:

Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location. That's all!

Customizing Blogumus

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"

If you would prefer to make your widget wider, shorter, change the color scheme, etc, you will need to do this by editing various parts of the code. I'll go through these options in the order they appear in the widget code. Editing width and height The variables for width and height are found in this line of the script: 

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

The width (currently 240) is highlighted in red, while the height (300px default) is highlighted in blue. These numerical values specify the width and height in pixels, so you can alter these of you prefer. Editing background color You can change the background color from white to any other color by altering the hex value in the same line: 

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

For example, if you prefer a bright red background, you may replace #ffffff with #ff0000. Take a look at this page for a list of commonly used hex color codes. Alter the color of text By default, the text is set to display as dark grey ( hex value #333333). You can alter this variable in the following line: 

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

Be aware that "tcolor" is a Flash variable and doesn't include the usual hash symbol of hex color codes. Be sure to only replace the numbers! Adjust the font size The maximum font size of tags is specified in this line:

so.addVariable("tagcloud", "");

You can alter this to ensure tags are displayed in a bigger or smaller font if you prefer by changing "12" to a larger or smaller number. While making any of these changes, you should be able to preview your widget and be certain that your new choice of color, dimensions and background are suitable for your needs.

Credits, support and requirements

Blogumus is based on the original WP Cumulus plugin by Roy Tanck, and was converted for use with Blogger layouts by myself. Please leave the credit links in the widget code intact. These will not be seen by the majority of your blog readers (as they will only display if JavaScript and Flash is not activated) but leaving these links intact is a great way of passing some link love on to Roy for all his hard work, and to inform other Blogger users that they can find the widget codes on this site.

Support/Issues

If you have any problems installing or using this widget, please leave your comments below or direct these to the Blogger Buster forums as Roy will be unable to provide support for installation in Blogger blogs! 

Requirements

For Blogumus to display properly in your template, you will need to have Flash Player 7 or higher. You can download the latest Flash Player plugin for your browser from Adobe. I'm not sure that this installation will support special characters as tags (only Latin characters supported at present). If you do experiecce issues with labels displaying incorrectly, please let me know. I'll try to add more support, but have very little experience using Flash! 

Your thoughts?

I hope that you enjoy using Blogumus in your own Blogger blogs! Please feel free to share or syndicate this page with your favorite bookmarking service if you think it is worth a mention, or subscribe to the newsfeed to learn of more great Blogger tutorials as they are posted.

Dr. P Banerji's Telemedicine Centre homeopathy frozen shoulder uric acid

Dear Sir,
Thank you for visiting our website www.drpbanerji.com and sending your query regarding your mother. We spoke to you today.

With reference to your query please note the following:

1. We would like to confirm that we have an effective and well established treatment strategy for the conditions described by you and most of our patients have responded well to our treatment.

2. To start the treatment, the doctor would require as much information as possible about her health including what treatments she is under at the moment, her present medication and any important medical history - which may be related or unrelated to her main condition and also the medical investigation reports if you have any.

If you wish to avail our treatment please register with our Telemedicine Service for Six Months Unlimited Consultation by clicking onhttp://www.drpbanerji.com/consult.htm and following the instructions thereafter.

As soon as the Telemedicine Registration is completed along with the payment, her case would be forwarded for the medical consultation. Thereafter the doctor would call and speak to you to collect some clinical information so that he can finalise the treatment strategy for her . Once the medicine list is available we would send the same by courier to your address. Continuous support would be provided by email / phone throughout the duration of the treatment.

For any further assistance please do not hesitate to get in touch with us at  + 91 33 4003 1677 or +91 33 2466 7777  (between 8am & 8pm IST) or email at telemedicine@drpbanerji.com.

Thanks & Regards,

Prasenjit Chakrabarty

The Support Team

Dr. P Banerji's Telemedicine Centre

Phone : +91-33-4003 1677/ + 91-33-2466 7777

Fax : +91-33-2463 7300
Email : telemedicine@drpbanerji.com
Web: www.drpbanerji.com

You can seek our Telemedicine Consultation in 3 Easy Steps Step 1: Click here to fill the Consultation Form Step 2: Make your payment Step 3: Receive Consultation on E-mail or Phone and Medicines through Courier anywhere in the World Step4: Receive Continuous Support throughout the duration of the treatment by E-mail and Phone as is being done for our Cancer, Brain Tumour, Heart Disease, Renal Failure, Thalassemia and other similarly critical patients in over 55 countries of the world including 30 states of USA and of course all the 28 states of India

Consultation Packages Available

One Time Consultation Six Months Unlimited Consultation for Non-Critical Diseases Six Months Unlimited Consultation for Critical Diseases One Year Unlimited Consultation for Non-Critical Diseases One Year Unlimited Consultation for Critical Diseases Patients residing in India Discounted Indian Rate INR 1000 INR 4500 INR 7500 INR 8000 INR 13000 Patients Residing Elsewhere in the World $ 60 USD or £ 40 GBP or € 50 EUR $ 200 USD or £ 130 GBP or € 150 EUR $ 375 USD or £ 235 GBP or € 270 EUR $ 385 USD or £ 245 GBP or € 280 EUR $ 675 USD or £ 420 GBP or € 490 EUR

Critical Diseases: Cancers, Brain Tumours, Renal Failure, Heart Diseases, Brain & Spine Diseases, Cirrhosis of Liver, Infertility, Diabetes, Rheumatoid Arthritis, Female Diseases (Endometriosis, Ovarian Cysts, Uterine Fibroid), rare diseases like genetic diseases and birth defects.    ** One Time Consultation is NOT applicable for Critical Diseases

for the first time ANNA HAZARE gave us a feeling of empowerment.

saleemasraf saleem asraf syed 

@ 

@thekiranbedi wht abt lower lvl corruption that affects me daily,wht abt citizens charter(21), not understanding ur present focus.

7 Aug Favorite Reply Delete

Saleem Asraf Syed Imdaadullah

people we choose to govern begin to rule us instead,what difference between them and britishers.nothing changed,only power changed hands.

2 hours ago ·  · 

• 
  

  Bijoyananda Gogoi likes this.
• • 
    

    Bijoyananda Gogoi confused voter leads 2 disaster in dats procss !
    

    2 hours ago · 

Saleem Asraf Syed Imdaadullah

on ANNAS direct attack, finally all agrees to discuss the jan lokpal bill at parliament....am an aam admi...cant fathom why this spineless behaviour,if something is gud for the whole society,why hesitate? everybody upto the rickshaw puller understands that lokpal bill is not going to finish off corruption,but atleast we can make a beginning somewhere,for the first time ANNA gave us a feeling of empowerment.

2 hours ago ·  · 

• • 
    

    Syed Sayeedur Rahman Surely.Anna took the lead.
    

    7 minutes ago · 
• 
  

Saleem Asraf Syed Imdaadullah ‎Runumi Boro Rongpighar main char din aurat nahin ho to kya haal hota hai.....congress se pucho..!! aur rahul baba ka toh bolti bandh...he should hav grabbed this god sent oppurtunity with both hands,public perception matters a lot