Thursday, July 8, 2010
1:16 AM | 
Posted by
Sunil Bhaskar |
For those of who don know what Blogumulus is you can refer my article here.Blogumulus is the alternative of Roy Tanck's WP Cumulus exclusively made for blogger.Its a flash based tag cloud which uses the same script as that of Cumulus.A lot of people expressed their concern in installing this, as it was thought that this pluggin could be less SEO friendly.But as the time progressed,results showed otherwise & it became a part of every bloggers gadget.There are a lot of methods which are available in the internet which explains how to install them.However the method which I am prescribing will overcome the One N only problem Blogumulus users can face after its installation.Its the Access issue associated with Amazon s3.Even if it occurs it can be easily fixed by moving your tagcloud.swf and the swfobject.js files to another hosting service.Don worry ill be using another hosting service other than Amazon so your Blogumulus will be running 24*7 365 days a year..So lets begin the installation:
1)First & Foremost make sure that the widget label has been attached.If not, then select Page Elements >> Add a Page Element and select the label.
2)Then go to your Design >>Edit Html and click on Expand Widgets.
3) Now look for this piece of code:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Sometimes,this piece of code may not be available in the template.If you are unable to find this piece of code,then try to find the following piece of code:
<div class='widget-content'>
<data:adCode/>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Now immediately after this code paste the code from here
Now preview the template.If everything went according to plan,you will see the stylized flash tag cloud animating under your mouse cursor.Now save the template and lets continue with our customizable properties of this template.
Customizable Features:
By default the remplate comes with the following features:
Width is set to 240 px;
Height is set to 200 px;
Background Color is #e1ecfe(As i had to merge it with my adsense color)
Text Color is Blue(#0000ff) in my case.
Font is 12 px
Lets take a deeper look:
1)For adjusting height &Width:
2)To Change Font color:
3)To Adjust Font Size:
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>");
Here you can adjust the font size by changing the value 12 with the appropriate one.Always make sure to preview your template to make sure that things are in order.
I Do hope that you didnt encounter any problems during the installation.Incase you did,feel free to comment & ill get back to you at the earliest.Till then Happy BLoggiN
1)First & Foremost make sure that the widget label has been attached.If not, then select Page Elements >> Add a Page Element and select the label.
2)Then go to your Design >>Edit Html and click on Expand Widgets.
3) Now look for this piece of code:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Sometimes,this piece of code may not be available in the template.If you are unable to find this piece of code,then try to find the following piece of code:
<div class='widget-content'>
<data:adCode/>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Now immediately after this code paste the code from here
Now preview the template.If everything went according to plan,you will see the stylized flash tag cloud animating under your mouse cursor.Now save the template and lets continue with our customizable properties of this template.
Customizable Features:
By default the remplate comes with the following features:
Width is set to 240 px;
Height is set to 200 px;
Background Color is #e1ecfe(As i had to merge it with my adsense color)
Text Color is Blue(#0000ff) in my case.
Font is 12 px
Lets take a deeper look:
1)For adjusting height &Width:
var so = new SWFObject("http://mopheat.site40.net/recources/tagcloud/tagcloud.swf", "tagcloud", "240", "200", "7", "#e1ecfe");
Here 200 corresponds to the height,240 corresponds to the width and #e1ecfe corresponds to my background color.2)To Change Font color:
so.addVariable("tcolor", "0x0000ff");
Replace 0x0000ff with the appropriate font color.Mind it!This is flash so use Hexadecimal colors ,dont use color names.3)To Adjust Font Size:
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>");
Here you can adjust the font size by changing the value 12 with the appropriate one.Always make sure to preview your template to make sure that things are in order.
I Do hope that you didnt encounter any problems during the installation.Incase you did,feel free to comment & ill get back to you at the earliest.Till then Happy BLoggiN
Labels: