First of all Go to Your blogger Layout > Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that page.
After Adding the Label Widget Go to Layout > Edit Html (Do not expand the widget templates for the sake of easy explanation)
You will find some code similar to
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 30;
var maxColor = [35,130,196];
var minFontSize = 13;
var minColor = [35,130,195];
<b:if cond='data:showFreqNumbers'>
var lcShowCount = true;
<b:else/>
var lcShowCount = false;
</b:if>
// Don’t change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
<br/>Powered By:<small><a href='http://www.bloggerplugins.org'>Blogger Gadgets</a></small>
<br/><small><a href='http://www.bloggerplugins.org/2008/06/label-cloud-widget-for-blogger-blogspot.html'>Label Cloud for Blogger</a></small>
</noscript>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
]]></b:skin>
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
]]></b:skin>
Save your template and now you should get a working Label Cloud On your Blog.
You can Configure the Gadget from the Gadget Options
Additional Tweaks
These tweaks are optional. Proceed further only if you want to customize the cloud to a better level...
Changing Cloud Colours:
you can change those colours editing the code a little bit..
you will have to expand your widget templates and modify these 2 lines of code
var maxColor =
and
var minColor =
you have to specify the RGB values there separated by commas..If you are sure of what should be the hex codes of the maximum and minimum colors,then you can use this convertor to convert the hex value to RGB values..If you are not sure of what the hex code of the colors are then have a look at this.
Changing the Font Sizes:
You can change the font sizes by editing these 2 lines of code
var minFontSize =
and
var maxFontSize =



-
Speak Media Blog
said...
-
-
July 1, 2008 3:03 AM
-
Aneesh
said...
-
-
July 1, 2008 7:15 AM
-
Starr
said...
-
-
July 1, 2008 7:46 AM
-
Aneesh
said...
-
-
July 1, 2008 7:47 AM
-
Starr
said...
-
-
July 1, 2008 8:04 AM
-
Aneesh
said...
-
-
July 1, 2008 8:08 AM
-
pacak uitm
said...
-
-
July 2, 2008 6:56 PM
-
AnonLover
said...
-
-
July 3, 2008 7:17 AM
-
Aneesh
said...
-
-
July 5, 2008 7:33 AM
-
Sheri
said...
-
-
July 5, 2008 7:57 AM
-
Aneesh
said...
-
-
July 5, 2008 8:04 AM
-
Sheri
said...
-
-
July 5, 2008 8:16 AM
-
Sheri
said...
-
-
July 6, 2008 1:36 AM
-
Aneesh
said...
-
-
July 6, 2008 2:13 AM
-
John Smith
said...
-
-
July 8, 2008 7:54 AM
-
Aneesh
said...
-
-
July 8, 2008 8:09 AM
-
Anamica
said...
-
-
July 9, 2008 8:46 AM
-
Aneesh
said...
-
-
July 9, 2008 9:03 AM
-
Night Morrisey:
said...
-
-
July 15, 2008 1:58 AM
-
HiL
said...
-
-
July 17, 2008 11:40 PM
-
Aneesh
said...
-
-
July 20, 2008 8:41 AM
-
clichegal
said...
-
-
July 25, 2008 2:54 PM
-
Prasanna
said...
-
-
July 29, 2008 5:11 PM
-
testing123
said...
-
-
August 9, 2008 2:50 AM
-
testing123
said...
-
-
August 9, 2008 7:49 AM
-
Aneesh
said...
-
-
August 9, 2008 8:49 AM
-
Channelofhealing
said...
-
-
August 10, 2008 7:11 AM
-
Fashion_Girl22
said...
-
-
August 12, 2008 9:54 PM
-
Aneesh
said...
-
-
August 12, 2008 10:10 PM
-
Fashion_Girl22
said...
-
-
August 13, 2008 1:54 AM
-
Jumble Blogger
said...
-
-
August 17, 2008 8:43 PM
-
Myk2ts
said...
-
-
August 18, 2008 8:41 PM
-
C.l.i.c.H.e G.a.L
said...
-
-
August 22, 2008 3:21 PM
-
Suzanne
said...
-
-
August 23, 2008 12:38 PM
-
techmania-shail
said...
-
-
August 23, 2008 7:22 PM
-
Cikgu Wahab:
said...
-
-
August 23, 2008 8:03 PM
-
Sue
said...
-
-
August 24, 2008 1:44 AM
-
^_^ SmiLe PLeaSe
said...
-
-
August 26, 2008 8:56 PM
-
Ed
said...
-
-
September 2, 2008 9:18 AM
-
Tips Blogspot
said...
-
-
September 5, 2008 5:50 PM
-
sriram
said...
-
-
September 6, 2008 3:41 PM
-
Wylwyn D. Reyes
said...
-
-
September 17, 2008 10:41 AM
-
shounn
said...
-
-
September 18, 2008 4:58 PM
-
Nona
said...
-
-
September 25, 2008 3:02 AM
-
deenoh
said...
-
-
October 3, 2008 6:58 AM
-
Josef Bengtson
said...
-
-
October 12, 2008 2:36 AM
-
Josef Bengtson
said...
-
-
October 12, 2008 10:15 PM
-
JamesW850i
said...
-
-
October 16, 2008 8:48 PM
-
Aneesh
said...
-
-
October 25, 2008 3:24 PM
-
Tanya
said...
-
-
November 7, 2008 4:13 AM
-
Angelika
said...
-
-
November 8, 2008 11:11 AM
-
Kate
said...
-
-
November 21, 2008 10:29 PM
-
Linda
said...
-
-
November 27, 2008 10:02 AM
-
fe
said...
-
-
November 27, 2008 5:15 PM
-
Mark Oborn
said...
-
-
November 30, 2008 2:21 AM
-
*Sally*
said...
-
-
December 19, 2008 2:59 AM
-
Rebecca (TWIN Mom Scraps)
said...
-
-
December 20, 2008 11:03 PM
-
om4gus
said...
-
-
December 21, 2008 1:54 PM
-
tintintetay
said...
-
-
January 11, 2009 6:11 PM
-
kvamc2rel
said...
-
-
January 14, 2009 3:29 PM
-
nains m
said...
-
-
January 25, 2009 5:29 PM
-
Ricardo
said...
-
-
January 26, 2009 6:23 AM
-
Swaroop
said...
-
-
February 1, 2009 1:46 PM
-
EneLya
said...
-
-
February 22, 2009 12:16 AM
-
SoCal_Suz
said...
-
-
March 2, 2009 4:55 AM
-
Legal sau nu ?
said...
-
-
March 9, 2009 1:34 AM
-
austenfan
said...
-
-
March 9, 2009 1:47 PM
-
Shanghai Blogger
said...
-
-
March 11, 2009 11:13 PM
-
rudee
said...
-
-
March 15, 2009 3:47 AM
-
Randy / Karen
said...
-
-
March 19, 2009 9:51 PM
-
Wanderer
said...
-
-
March 21, 2009 12:55 PM
-
ICECrush
said...
-
-
March 23, 2009 2:30 AM
-
Sachin Tewari(Chettri)
said...
-
-
March 25, 2009 6:08 PM
-
Allyson Lazar
said...
-
-
March 29, 2009 11:57 AM
-
Jenn
said...
-
-
April 1, 2009 12:56 PM
-
Andrea
said...
-
-
April 2, 2009 2:39 AM
-
Andrea
said...
-
-
April 2, 2009 2:45 AM
-
Andrea
said...
-
-
April 2, 2009 2:46 AM
-
Laretha
said...
-
-
April 2, 2009 9:14 AM
-
lorenhops
said...
-
-
April 8, 2009 6:33 PM
-
lusalary
said...
-
-
April 11, 2009 4:31 AM
-
Vero
said...
-
-
April 13, 2009 10:46 PM
-
SmoothFox
said...
-
-
April 16, 2009 7:08 AM
-
Myth
said...
-
-
April 18, 2009 4:06 PM
-
Cassandra
said...
-
-
April 23, 2009 3:21 AM
-
Artvisualizer Press Media
said...
-
-
April 25, 2009 6:18 PM
-
Mads
said...
-
-
April 26, 2009 12:20 AM
-
longblackveil
said...
-
-
April 26, 2009 12:39 AM
-
Cook
said...
-
-
May 3, 2009 11:50 AM
-
T and S
said...
-
-
May 8, 2009 5:38 PM
-
Wurzel
said...
-
-
May 8, 2009 9:34 PM
-
Nicky
said...
-
-
May 9, 2009 11:17 PM
-
BettieBlogger
said...
-
-
May 12, 2009 10:21 AM
-
Diane Warth
said...
-
-
May 13, 2009 7:07 PM
-
Cindy
said...
-
-
May 20, 2009 1:29 AM
-
hero in chiq
said...
-
-
May 20, 2009 8:55 PM
-
Lal
said...
-
-
May 21, 2009 4:56 PM
-
foobella
said...
-
-
May 21, 2009 10:22 PM
-
Handi Priyono (Handz_Mentallist)
said...
-
-
May 22, 2009 8:23 PM
-
Karun billa
said...
-
-
May 25, 2009 6:47 PM
-
DuRiAn rUnTuH
said...
-
-
May 26, 2009 6:40 PM
-
MixMax
said...
-
-
May 30, 2009 5:39 PM
-
...all i can share...
said...
-
-
May 30, 2009 11:25 PM
-
mobmani
said...
-
-
June 1, 2009 11:41 PM
-
Aneesh
said...
-
-
June 2, 2009 1:52 AM
-
CONNIE
said...
-
-
June 5, 2009 3:47 PM
-
Doolallysally
said...
-
-
June 6, 2009 11:49 AM
-
Aneesh
said...
-
-
June 6, 2009 11:56 AM
-
Doolallysally
said...
-
-
June 6, 2009 12:09 PM
-
Aneesh
said...
-
-
June 6, 2009 12:14 PM
-
Doolallysally
said...
-
-
June 6, 2009 12:15 PM
-
Aneesh
said...
-
-
June 6, 2009 12:37 PM
-
Doolallysally
said...
-
-
June 6, 2009 12:43 PM
-
C
said...
-
-
June 6, 2009 6:16 PM
-
Aneesh
said...
-
-
June 6, 2009 6:26 PM
-
C
said...
-
-
June 6, 2009 6:52 PM
-
Tan Chee Yong
said...
-
-
June 8, 2009 1:23 PM
-
Aneesh
said...
-
-
June 8, 2009 5:18 PM
-
ClassicUniversity
said...
-
-
June 8, 2009 7:25 PM
-
Florian
said...
-
-
June 9, 2009 7:21 AM
-
Aneesh
said...
-
-
June 9, 2009 7:23 AM
-
Dee
said...
-
-
June 9, 2009 8:29 AM
-
THE BYNE GROUP
said...
-
-
June 10, 2009 2:21 AM
-
czaroma
said...
-
-
June 10, 2009 1:48 PM
-
Analog Designer
said...
-
-
June 11, 2009 12:20 AM
-
Aneesh
said...
-
-
June 11, 2009 12:39 AM
-
Carolyn
said...
-
-
June 11, 2009 8:56 AM
-
Aneesh
said...
-
-
June 11, 2009 8:57 AM
-
Carolyn
said...
-
-
June 11, 2009 9:23 AM
-
noChii
said...
-
-
June 13, 2009 2:21 AM
-
Aneesh
said...
-
-
June 13, 2009 2:32 AM
-
Jaz
said...
-
-
June 14, 2009 9:46 AM
-
Aneesh
said...
-
-
June 15, 2009 5:14 PM
-
Emily Ruth
said...
-
-
June 16, 2009 10:23 PM
-
Emily Ruth
said...
-
-
June 16, 2009 10:25 PM
-
Mr. Wilson
said...
-
-
June 17, 2009 7:24 PM
-
Aneesh
said...
-
-
June 18, 2009 2:07 AM
-
andi@ldscreativitycorner
said...
-
-
June 18, 2009 11:58 AM
-
Usedautosale
said...
-
-
June 18, 2009 4:07 PM
-
Aneesh
said...
-
-
June 18, 2009 4:43 PM
-
Pratiksha
said...
-
-
June 19, 2009 4:56 PM
-
Pratiksha Kulkarni
said...
-
-
June 19, 2009 5:13 PM
-
Indonesia Online Jobs Searching
said...
-
-
June 20, 2009 6:20 AM
-
Mesina
said...
-
-
June 20, 2009 7:01 PM
-
Strange Nature
said...
-
-
June 20, 2009 8:59 PM
-
Aneesh
said...
-
-
June 22, 2009 9:14 AM
-
Daddys Girl
said...
-
-
June 22, 2009 1:21 PM
-
The_Katura
said...
-
-
June 23, 2009 7:59 PM
-
Anonymous
said...
-
-
June 24, 2009 9:27 PM
-
Gemma
said...
-
-
June 25, 2009 9:55 AM
-
Aneesh
said...
-
-
June 25, 2009 10:04 AM
-
lyl
said...
-
-
June 25, 2009 3:29 PM
-
Mesina
said...
-
-
June 25, 2009 5:04 PM
-
Aneesh
said...
-
-
June 25, 2009 5:08 PM
-
The Makeup Snob
said...
-
-
June 25, 2009 9:46 PM
-
angela p.
said...
-
-
June 25, 2009 11:02 PM
-
Mesina
said...
-
-
June 26, 2009 3:35 PM
-
Aneesh
said...
-
-
June 26, 2009 3:54 PM
-
admin
said...
-
-
June 26, 2009 7:43 PM
-
Aneesh
said...
-
-
June 26, 2009 11:55 PM
-
Mesina
said...
-
-
June 27, 2009 2:43 PM
-
Aneesh
said...
-
-
June 27, 2009 3:25 PM
-
Chiew
said...
-
-
June 30, 2009 4:50 PM
-
Aneesh
said...
-
-
June 30, 2009 6:16 PM
-
Becky @ Our Sweet Peas
said...
-
-
June 30, 2009 10:56 PM
-
Norrizan Bakers
said...
-
-
July 3, 2009 3:42 PM
-
Priyanka
said...
-
-
July 4, 2009 12:26 PM
-
smiley-sylvie
said...
-
-
July 5, 2009 12:34 AM
-
hack2enjoy
said...
-
-
July 7, 2009 8:58 PM
-
dolphin
said...
-
-
July 8, 2009 5:25 AM
-
muzaffar
said...
-
-
July 15, 2009 3:57 AM
-
Jan
said...
-
-
July 15, 2009 8:58 AM
-
ini q i L L
said...
-
-
July 15, 2009 3:18 PM
-
Aneesh
said...
-
-
July 15, 2009 3:21 PM
-
Stanton Jones
said...
-
-
July 21, 2009 12:50 AM
-
Sameer Arshad
said...
-
-
July 25, 2009 2:45 PM
-
Dieorfly
said...
-
-
July 26, 2009 9:10 PM
-
Media Glitz
said...
-
-
July 27, 2009 10:43 PM
-
ONe PiNK FiSH
said...
-
-
July 28, 2009 5:50 AM
-
Aneesh
said...
-
-
July 28, 2009 2:53 PM
-
Amy D'Unger
said...
-
-
July 29, 2009 1:28 AM
-
Jennifer, aka beautiful mind, complex life
said...
-
-
July 29, 2009 1:38 AM
-
Aneesh
said...
-
-
July 29, 2009 3:11 AM
-
Aneesh
said...
-
-
July 29, 2009 3:22 AM
-
Amy D'Unger
said...
-
-
July 29, 2009 3:32 AM
-
Aneesh
said...
-
-
July 29, 2009 3:36 AM
-
Computer Enginners
said...
-
-
July 31, 2009 11:14 PM
-
Aneesh
said...
-
-
July 31, 2009 11:37 PM
-
Computer Enginners
said...
-
-
August 1, 2009 10:52 AM
-
Aneesh
said...
-
-
August 1, 2009 10:57 AM
-
admin
said...
-
-
August 2, 2009 4:39 PM
-
Aneesh
said...
-
-
August 2, 2009 6:15 PM
-
Anonymous
said...
-
-
August 5, 2009 6:47 PM
-
Pilland
said...
-
-
August 6, 2009 12:03 PM
-
Myra
said...
-
-
August 12, 2009 3:27 AM
-
Web Design
said...
-
-
August 13, 2009 1:27 PM
-
Przemek
said...
-
-
August 16, 2009 9:03 AM
-
WapaClau
said...
-
-
August 19, 2009 8:06 AM
-
Matthew Robinson
said...
-
-
August 20, 2009 3:38 AM
-
JadeLD
said...
-
-
August 20, 2009 8:25 PM
«Oldest ‹Older 1 – 200 of 261 Newer› Newest»Thank you for such an EASY method. I truly appreciate it.
you are welcome...!! :)
I tried this but blogger sure didn't like it. I kept getting that xml tags are not well formed error :(
seems like you have expanded the widget templates while performing this tweak.. otherwise it should work fine!!
Hi Aneesh!
This is not my night for anything to work!
I got this going just fine. My problem was taking the code out of blogger and putting in into Dreamweaver. Once I did the editing in blogger it worked just fine.
I'm laughing now though because my tag cloud is enormous!
Thanks for the quick assistance Aneesh. Love your site :D
you are welcome!! nice to have you here.. :)
thnxxx.
how can the color scheme applied to the links in the label cloud be adjusted?
you can change those colors editing the code a little bit..
you will have to expand your widget templates and modify these 2 lines of code
var maxColor =
and
var minColor =
you have to specify the RGB values there separated by commas..If you are sure of what should be the hex codes of the maximum and minimum colors,then you can use this to convert the hex value to RGB values..If you are not sure of what the hex code of the colors are then have a look at this. If you still need more help,feel free to contact me..
Thank you SOOO much!! I spent a good 40 minutes searching for a simple, attractive tag cloud - and yours was PRECISELY what I was hunting for!! I love it... tho my tag cloud is HUGE, and I've spent the last two hours consolidating tags!! LOVE IT!! SIMPLE!! THANKS!!
you are welcome!!!
Thanks for the comment on my blog, Aneesh - I may play around with the colors... your instructions are quite clear, so shouldn't be a problem!! I just added the Outbrain widget, too... but I don't like the way it automagically adds a vote box to ALL my postings, no matter how old. I wanted to add vote boxes only to certain posts (e.g. my digiscrap freebies). So... will continue to hunt for that feature! Good luck with your designs!
Aneesh, I changed the colors - it was dead easy, using Photoshop to pick a dark and a light that matched my blog colors. THANKS AGAIN - LOVE THIS WIDGET!!
welcome sheri!!!
I liked your other blog template. Probably because it had more colors
thanks.. i will soon try to make up a new custom theme.. :)
i encountered an error when i tried to install the label cloud but i found the error right and the important thing is im not used to be with these html tags the error was it did not allow to use two label1 widget and my label widget got no 2on itso changed your
(your commenting option is not allowing me to use html sso im taking them off)
:widget id='Label1' locked='false' title='Labels' type='Label'
into
widget id='Label2' locked='false' title='Labels' type='Label'
and saved it thanks a lot
Regards,
Anamica
www.earninglanguage.blospot.com
you got the error because you have 2 label widgets and you tried to change <b:widget id='Label2' locked='false' title='Labels' type='Label'> with the big code i gave..!!
and you cant post html in blogger comment forms unless it is parsed...
i"m so sorry... but i'm a simple life form. I love this widget, but i'm just not capable of understanding how you use the hex code color value blahblahblah and convert it to the RGB blahblahblah to change the color of the label cloud from alien green to a color of my choosing. but I am able to cut and paste! any chance you could just tell me the lines to replace with what would turn the words in the label cloud to a sky blue?
THANK YOU!!!
thanks for making it easy!! and for the color alteration instructions!! :)
@Night Morrisey..
Just expand your widget templates and replace
var minColor = [0,0,0];
with
var minColor = [59,185,255];
and replace
var maxColor = [0,255,0];
with
var maxColor = [53,116,236];
and you should get what you need!!!
thanks i really do like this label cloud ... it made myprevious labels more interesting.. as for the size.. i think its good for me.. its the exact size that i want... thanks so much... i have even tried the top commentators and really like it..was wondering if you have something like popular post widget.. as i have been trying to look for it.. anyway i'm so thankful..
excellenttttttttttttttt
Do you realize that the cloud defaults to a single vertical line of labels in Internet Explorer while it is perfectly fine in Firefox? Even your own site viewed in IE shows the cloud as a single word vertical column.
Any fix for this?
Yes, I reverted to a template prior to installing your label cloud setup and then followed the instructions from Phydeaux3 and am happy to report that my cloud looks the same in both Firefox and IE. There is something amiss with yours.
thanks for notifying me.. i have changed the instructions so that it works fine.. the css part should be in the head section for that to work.. :(
Godbless you again Aneesh
keep up the good work
How do you change the color? I used the widget, but it doesn't look as what it should look like. Can you please tell me what i did wrong, and how to fix it?
can u just read the comments at my blog and try to fix the color issue.. i have explained it in my comments.. please read it.. if that doesn't help,please contact me.. don't misunderstand me.. i am a lil busy at college.. dats y.. if that doesnt help feel free to contact me and i will definitely help u with it.
It's still not worinking for me. It's only green. As you can see I need pink. Sorry to bother you. I've been searching for some time now.
Thanks a lot.... It worked for me..!
how to change its color? from green to yellow? can i edit it?
hi... I 've just changed a new template... I have been using the label cloud and enjoy it alot but for some apparent reasons this label cloud doesn't seem to work with my new template . the labels kept showing in vertical form instead of in cloud form ... I have been trying for more than 10 times and still unable to do it.. Please help me... Is problem was because of my template
love it - thanks so much
Thanks for the instructions, it helped now i have label cloud on my blog/website http://techmania-shail.blogspot.com
But please, tell me how can i change the colour of the text from green to a colour matching my blog, please tell me where to change, i'll change the code then i know html a bit!!
Thanks again!!
Amazing !
Thanks for the cloud. I do wish the lettering came in colours other than neon green though.
Thanks all the same!
Thank's..it's nice widget
Another cool addition, thanks
so nicc.. and amazing post..
excellent post i will come on and read
This is an AWESOME widget! Thank You!
really nice... I will use this soon... jiji
Thanks! that's the simplest tag cloud walk through ever. Now we'll all have our heads in the clouds. Best widget fad EVER.
Thanks 4 this tutorial...u can also update with this Tag cloud blogumus (bloginfotips)...nice
Hi,
Is there a maximum number of labels that the "tag cloud" can handle? After working nicely, my cloud just went down after that I had tagged some old posts :(
Any help appreciated!
Hi,
My label cloud just went down after me labeling some old posts :( My cloud was getting huge, but is there a maximum number of labels that you are allowed to use? Could that explain why the cloud disapeared from my blog?
It seems to be able to change only from a color to another color. I do have a query here, is it possible to make it min = red and max = indigo but passes through in rainbow colors? Anyone..?
i think when we compare the hex values the min should be indigo and the max should be red..
Refer the comments here to know how to set the min color as indigo and the max color as red..
Thanks! Love it! and you have such great directions!
Is there a way to limit which labels are used? Like if it hasn't been used more that 10 times, it isn't included in the cloud?
What a cool plug in. I have to try this one out on my site.
oh thank you I had wondered for ages how to have a cloud and now I have done it!! yippee thanks
I've created a tag cloud that is animated and shows the relationships between tags based on co-occurance... check it out at
Animated Tag Cloud
Thanks for this, it worked perfectly first time. I also followed your simple instructions for changing the colours, this also worked perfectly first time. I have seen many sites explain how to do a tag cloud, your is easily the best. CHEERS. Mark http://markoborn.blogspot.com
worked fantastically 1st time, thanks!
hi...this is the first code that i have found that i actually got to work on my blog. so i have the cloud on my blog, but how do i change the colors to match my layout??
great! I never imagined it actually there's something like this widget in blogger
thanks for sharing.
It's work see it my site kvamc2rel.blogspot.com
Thanks,
oh it looks great now!
i loved this idea of a cloud ever since i saw it on the TAGS app on orkut.
:-)
how come i can't get it to center? i'm using K2 template.. It is set to center but it keeps aligned to the left.. please help, it's driving me crazy!!!
thanx a lot aneesh....your site is rocking...
how can i post this in a classic template?
I'm having trouble with step 2.
I get this errors:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.
Can you tell me what I'm doing wrong? I do not have the 'expand widget box' clicked.
It didn`t work!
Wow. Thanks a lot! I tried three different online instructions and this is the only one that worked. Thanks again!
I'm sorry, new to blogging etc but what's a label cloud, what does it do?
wow,, really a good widget,, but i have a slow connection so i put back from my blog... T_T
is there any ways to increase the width of the label cloud?
it seems that labels are being squeezed into that box.
anyone? please and thanks
www.facialworld.blogspot.com
Thank you about the label cloud!
This is really hard for me to install.
Amazing! Thanks a Ton!!
perfecto! many thanks!
thank you SO much! works awesomely! <3
where do i find the "skin" part
and y some of the labels larger than others
*y arent some of the labels larger than others
seriously, that was so easy even i could figure it out...even the color part!
Thanks!
Hi, I followed all the steps exactly and all that is showing up is link back to this blog, any suggestions on how to get it working?
nice tips!
How do I change the color for the label cloud??
I have a question.
Do we copy and paste the entire 1st box above or stop where it says
// Don't change anything past this point -----------------
it's working fine for my blog but problem is it's displaying all labels. can i cut it short. Another thing is i want to place at footer ,but i do not know how to it.
I have used this several times whenever I customize my blog and it works every time! I even changed the RGB values to fit with my color schemes with no problems. Thanks!
nice info.. thanks
This step by step tutorial is the easiest, I'm no techie but I've installed this on my blog!! I tried the others but either it didn't work or the directions were super complicated.. Thanks for the tutorial..=)
-Mads
fashionisthebestmedicine.blogspot.com
Hey Aneesh
Thanks much for this simple setup instructional. Esp the last important bit, the hex and RGBs. ;)
Have used it on my blog. Easy like you promised.
thanx!
This is a simple to install and easy to customize widget. It worked on first attempt. Thank you so much...Thomas
Never imagined I could do something so technical. Perfect instructions thanks
Hi, many thanks for your post! At last, I can have a label cloud on my blog! God bless.
this was really helpful, thanks so much for the simple explanation ;)
Bettie
http://www.thisfoodtastesfunny.com/
http://bettieblogger2009.blogspot.com/
Not working. The label cloud is there but it
s empty.
Thank you! This made it very easy and it worked the first time I tried it!
big thx
code is not working for me. says "head" tag must be parsed with end tag ""
Please check the code.
Great information. Whipped out a label cloud and personalized the colors in less than 10 minutes. Took a few extra minutes to figure out that hex converter thingie, but once you get that, it's a cinch. Thanks!
Good posting !!
Good Evening
how to change the color of fonts?
I want to thank you very much for the tip. I already installed it on my blog.
I did some modification to the colors, but is there a way to change the labels in particular, like size of some or font?
it is worked, thank you so much :)
hiiiiiiiiiiiiii thanks for good comment it worked on my blog thanks again
see my blog www.mobmani.blogspot.com
@MixMac
To change the font sizes
edit the lines
var minFontSize = 10;
and
var maxFontSize = 25;
it helps me! thnks!
Hi Aneesh
I had the label cloud but I messed it up somehow and now I'm confused. Stupidly I didn't save a the original template. Is there anyway I can start it again?
Sal
offcourse you can...
just add a label cloud again and follow the first part..
Don't follow the second part that is replacing the ]]></b:skin> thing with the css..
oooh yea, well it's done, thanks. Weird how the first letter on the label cloud is obsured though.
@Doolallysally you are welcome.. i don't find anything weird about the first letters. can you explain?
The A on Autumn which is the first word on the label cloud is only half visible.
its fine for me here on firefox..
Never mind, must be just me! Thanks so much for all your help though.
Thanks for that! Found you on Tova Darlings blog and she seems to have the size of her labels increasing and decreasing randomly. Is this just because she has more labels? or can I change mine to do that too?
yea i have mentioned that you can change the font size by adjusting the font variables minFontSize and maxFontSize
The size of the cloud label is determined by the number of posts under each label.So it is not actually random sizes.Those sizes are assigned based on an algorithm actually ripped off from del.icio.us
yeah i changed the font sizes. But ive only just started my blog so thats probably why.
Thanks for your help anyway!
C
this is my error
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.
please help me thanks
@Tan
]]></b:skin>
did you replace this properly as mentioned?
It will not work for me. Could be user error, but whatever the reason it will not work.
Awesome, easy, thanks!
@Florian you are welcome!! :)
@ClassicUniversity what error are you getting??
Thanks SO much!
Thanks that was really easy to do!
thanks for sharing this. this works for me!
Some how i could not able to do the above. The xml statemet termination is not matching with the termination style which we used in the blogger template. Can you do the code modification if send the code in mail plz...
upload the code somewhere and use the contact form to contact me..
Thanks the easiest one I found, having a problem finding the color changing code, but I'm new to this so I'll keep looking. Thanks again :)
@CAROLYN.. what color are you looking for.. i can help you out..
Found the color code, so darn easy thanks again so much!!!!
thank you...i don't even know what html is..but somehow i made it...i'm so happy...^_^
next step is finding out how to change the color...*i'm not really clever xD*
@noChii cool.. you got a nice one on your blog.. just saw it now.. ;)
come on fix the colors too.. try converting them to pink..it wont be that difficult..
Hi, thanks so much for this! Quick question, in my tag cloud the biggest fonts are always at the top (the ones with the most tags) and the smallest labels are always at the bottom. As I see in your blog and other blogs, you may have one of the larger labels in the middle and a smaller one at the top.. how can I achieve this?
thank you very much
@Jaz that is because you chose to sort the label widget by the number of posts in it..
Just edit the widget from the Page Layout Page and opt to order the labels alphabetically..
I'm having the same problem as Tan Chee.
I can't find the
skin section you mentioned, even when I have expanded the widget.
Minima template has something similar, but not exact. When I replace it I get an error
this is my error
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.
What should I do? Any ideas?
The minima template doesn't have the skin section you mentioned. It has something similar, but not exactly alike. When I replace it, I get the same error message that Tan Chee Yong mentioned.
Any ideas?
This post was a god send. When I first added the label cloud, I wondered if changing the colors of the labels was a bit ocd but alas...I changed the background of my blog to black and of course the min labels did not show. I read your post and was able to change the color of the min label to show up on the blog. THANK YOU!!!!
@Tan Chee Yong just add it to the css part of your template.. i mean the second part involving the #label css thing..
in your case just place the labels css thing just above
body {
@Emily Ruth just do the same thing add it to the css part of your template..i don't have a link to your blog.. so i guess you can figure out where to add the label's css thing.. you just need to add it anywhere in the css part..(hey don't put them within another css definition(i mean don't wrap them within some { } already present..
Thanks so much! It looks great!
problem with closing message it did not work out
@Usedautosale what error did you get.. i had mentioned that you shouldn't expand your widget templates.. hope you didn't..
hey... thnx for this post.... i could make nice lable cloud :D
thnx for post...
I could create beautiful lable cloud :D
How to make motion Label Cloud for blogger.
Hello there! I've installed the Label Cloud and got my colors and font size sorted...love it! However I am getting that there is an error on the page when it loads. Probably nothing too worrying but I don't like error messages:
Line : 13
Char : 3
Error: 'document.getElementById(...)'is null or not an object
Code: 0
URL: http://artisticallynuts.blogspot.com/
I've checked my code against what I copy and pasted here and it's exactly the same save just the font color and size changes. I've made no changes to any other code.
Thoughts?
Cheers for this guide. This has helped me a lot. My catagories were getting too long with the standard label list!!
@Strange Nature its looks cute on your blog.. the default coloring of the cloud suits your blog..
Excellent tutorial.. love you!! :)
Thanks! This was so much easier than any of the other sites!
cool! NOW MY BLOG LOOKS VERY AWESOME!
THANX
http://deathbyporno.blogspot.com
http://filipinahotties.blogspot.com
Thanks so much for this tut, I have been searching for ages for a way to do this which doesn't make my head explode LOL
@Daddys Girl,The_Katura,Anonymous,Gemma
Thanks for the nice words!! ~ :)
just wondering is there a simple way of doing it cos i have my blog but i really dont' understand a thing about html code isn't there another way of doing it?
thanks in advance
:)
Any ideas on my error code by chance? Would like to fix it.
http://artisticallynuts.blogspot.com/
@Mesina where do you see this error??
Hi, I keep getting this error code. Do you know what it may mean?
More than one widget was found with id: HTML7. Widget IDs should be unique.
Love it!! Thank you for the simple directions!
It comes up after the page has loaded in the left hand corner of the browser. Showing an ''error on page'' It's probably nothing, but if there was a minor detail that would rectify it it would stop annoying the freak out of me!
@Mesina i am not sure what it is..sorry..
it doesnt show me any error on Firefox 2 or on IE8.
cool awesome! NOW MY BLOG LOOKS VERY AWESOME!
THANKS Bloggerplugins.
http://remixalbum.blogspot.com/
@admin thanks for the nice words.. you may increase the minimum font size..
Ahh ok, perhaps it's just on my end! As long as it isn't causing any problems I'll leave it at that. Thanks Aneesh for looking into it for me! Other than that, I must say that the cloud looks great on my blog - Thanks!
@Mesina you are welcome.. and you can also change the size of the cloud if you wish.. (font size)
After trying several times, I still couldn't get it to work. Might be something to do with my template. The error msg was: Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.
My skin line has cdata after it.
I left the CDATA intact.
If I removed the ]], I get no error message but I get no clouds and some html appearing at the top of my page.
Any ideas? Thanks!
@Chiew upload the template somewhere and send me a link to download it.. i will try to fix it for you.. you can contact me using the contact form
I know you have helped LOADS of people but I am having the same problem with it being one straight list. I have had it working before and now no matter how many times I follow the instructions that is what I get. My blog is http://oursweetpeasinapod.blogspot.com/
I saw the instructions about CSS but that means nothing to me. Sorry!
Any help would be appreciated! Thanks!
Thank you very much and I love it!
grt wrk!! easiest instructions to d most amazing results.. keep up!
Yay! It was so easy... Thank you so much I love it! So much better than the list that is the original widget
it was very easy i hav also put that widget in my blog thanks a lot
beautiful
works like a charm!
hi it didnt work on my blog http://forexopinion.blogspot.com
i follow the steps as it is .
Thank you for simplifying the existing widget and with easy instructions to follow. Got it working in minutes!
i would like to have different colors of tag cloud. how to change it? thanks
@ini q i L L s follow the last part of the tutorial to change the colors..
Very straightforward - took about 2 minutes.
Thank you.
Worked As a charm.....Loved it os simple
here is the blog where i put this on...
Lets-Kickoff.blogspot.com
Thanks for this tutorial it works perfectly:)
this is the simplest label cloud widget that i have ever seen.. hats off to you.
Can you check out my label cloud and tell me how to keep the words from touching so much. They are very hard to read. Also, what rgb values for teh max and min will give you a nice rainbow cloud. I have tried this for about an hour and am tired.
I love the cloud though. Very easy to install.
www.sandersmemoirs.blogspot.com
@ONe PiNK FiSH
add the line-height parameter to the li
Find one #labelCloud CSS line in your template and immediately above it,add
#labelCloud .label-cloud li{line-height:200px;}
You can change that 200px value to whatever that looks good on your blog..
Love this tag cloud, but of course I had to go screw it up. Had it installed and customized (font colors, min and max font size) and it was working great.
Then, I was fiddling with the CSS for the site, trying to make the overall font size a bit less microscopically small, and it somehow affected the font size in the tag cloud. Didn't notice it until a day or two later when, of course, I couldn't remember what I had changed [note: I'm a college professor, NOT a programmer!].
Reinstalled the code, but it's still not working properly. It's not recognizing the min and max font sizes, which I have set to 12 and 24. They are all a uniform size. Blog is www.profmomma.blogspot.com. Any thoughts?? Thanks!!
Hi, I tried this but the label cloud has no links to it. I'm sorry if this is a stupid question, but I thought the words in the cloud were supposed to link to posts.
Also, is there any way to make the label cloud smaller?
My blog is at http://www.suicidalnomore.com
Thanks for any answers you can provide.
~Jen
Hi Jen,
yea the labels should link to the respective label pages like in mine.
btw i didn't see any label widget on your site.. :( did you add the label gadget and did you do the big replacement that i had mentioned.. i guess you didn't :)
Hi Amy,
actually you have the label cloud working perfectly but you have added some CSS rules which overrides the cloud sizes.
a, a:visited {
color: #4A3424;
text-decoration: none;
font-size: 12px;
}
a:hover {
color: #4A3424;
text-decoration: underline;
font-size: 12px;
}
This font-size: 12px; is causing the problem.. Delete those 2 lines and you will get back what you wanted.
Thanks Aneesh! The weird thing is that those lines were in the original code (except the font size was 10, not 12), but it didn't override the cloud settings. Anyway, it's all fixed. Thanks for this great, easy to use widget!
@Amy D'Unger
you are always welcome!! great to know that it started to work again.. :)
i Apply this coding on my this blog www.FreeLatestWallpapers.blogspot.com it works Fine, Thanks But Same is Done On www.AmazingIT.blogspot.com but it shows only labels no change is done on colors & size of Font!! I am unable to understand this problem :( is there any problem in me blog template??
@Computer Enginners,
the different sizes of the cloud items are based on the number of items under a label.. I think most of your labels have the same number of posts under them..am i right??
Yes each label have only one item under it. then What to do for my Blog? :(
@Computer Enginners labels are used to categorize posts.. So categorize them wisely. watz the use if you use the same labels on all your posts.. :)
The first time i used this piece of code it worked. But later after few hours I saw that the long piece of code is not getting saved everytime I save it there it goes away. Whereas the smaller piece of code stays.
i haven't ever heard of such a bug.. i think you are telling that your label widget gets resetted to the original one..
try adding once again..
if it still doesnt help try changing the widget id<b:widget id='Label1' (a weird try.. :) ) change label1 to label2
Thanks for really wonderful approach of doing things. I have incorporate this on my blog very easily.
http://khabri-lal.blogspot.com
Thank You for the very interesting information. I followed Your instructions and all was OK in my sute http://www.pillandia.blogspot.com
Best wishes!
it worked perfectly. thank you
Thanks for updating all the informations.
it is working thx
hello, Im using a modify wordpress template (adstheme) I folow your instructions but my cloud look like rain..just a vertical line !!what can I do? my blog: http://kozip.blogspot.com/ thanks and sorry my english
Brilliant, and so simple. If only all the hacks were this straightforward. Thanks!
Wonderful, thanks so much for taking the time to write this for us. Really clear and easy to understand!
Post a Comment
Please don't spam on here..