Here is a short description of how to embedding a labelcloud into blogger ...

The originally script was written by phydeaux3 and modified by ... i just wrote this post to try how the syntaxhighlighter works you'll find more informations regarding this topic here (phydeaux3 &

1) CSS. Goes anywhere between the tags b:skin and /b:skin, preferably right before the end tag

  1. /* Label Cloud Styles 
  2. ----------------------------------------------- */  
  3. #labelCloud {text-align:center;font-family:arial,sans-serif;}  
  4. #labelCloud  .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}  
  5. #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}  
  6. #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}  
  7. #labelCloud a{text-decoration:none}  
  8. #labelCloud a:hover{text-decoration:underline}  
  9. #labelCloud li a{}  
  10. #labelCloud .label-cloud {}  
  11. #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}  
  12. #labelCloud .label-cloud li:before{content:"" !important}  


2) Widget. Goes anywhere between b:section id="'sidebar'" and /b:section (replacing the first b:widget id="'Label1'" ... line)
  1. <b:widget id="'Label1'" locked="'false'" title="'Label" type="'Label'">  
  2. <b:includable id="'main'">  
  3. <b:if cond="'data:title'">  
  4. </b:if></b:includable></b:widget><h2><data:title></data:title></h2>  
  5.   
  6.   
  7. <div class="'widget-content'">  
  8. <div id="'labelCloud'">    <ul>  
  9. <b:loop values="'data:labels'" var="'label'">  
  10. <li>  
  11. <b:if cond="'data:blog.url">  
  12. <data:label.name>  
  13. <b:else>  
  14. <a href="http://www.blogger.com/%27data:label.url%27"><data:label.name></data:label.name></a>  
  15. </b:else>  
  16. (<data:label.count>)  
  17. </data:label.count></data:label.name></b:if></li>  
  18. </b:loop>  
  19. </ul></div>  
  20. <script type="'text/javascript'">  
  21. <b>// Label Cloud User Variables  
  22. var maxFontSize = 20;  
  23. var maxColor = [168,181,248];  
  24. var minFontSize = 8;  
  25. var minColor = [0,0,0];  
  26. var lcShowCount = false;  
  27. var minPostCount = 0; //integer</b>  
  28.   
  29. // Don't change anything past this point -----------------  
  30. function s(a,b,i,x){  
  31.     if(a>b){  
  32.         var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)  
  33.            }  
  34.     else{  
  35.         var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)  
  36.         }  
  37.     return v  
  38.  }  
  39.   
  40. var ta=0;  
  41. var c=[];  
  42. var labelCount = new Array();  
  43. var ts = new Object;  
  44. <b:loop values="'data:labels'" var="'label'">  
  45. <b:if cond="'data:label.count'">  
  46. if (<data:label.count/> > minPostCount) ts["<data:label.name/>"] = <data:label.count/>;</b:if></b:loop>  
  47.   
  48. for (t in ts){  
  49.    if (!labelCount[ts[t]]){  
  50.          labelCount[ts[t]] = new Array(ts[t])  
  51.          }  
  52.       }  
  53. tz = labelCount.length-1;  
  54. lc2 = document.getElementById('labelCloud');  
  55. lc2.innerHTML = '';  
  56. ul = document.createElement('ul');  
  57. ul.className = 'label-cloud';  
  58. for(var t in ts){  
  59.   for (var i=0;3 > i;i++) {  
  60.            c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)  
  61.             }      
  62.        var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);  
  63.        li = document.createElement('li');  
  64.        li.style.fontSize = fs+'px';  
  65.        li.style.lineHeight = '1';  
  66.        a = document.createElement('a');  
  67.        a.title = ts[t]+' Posts in '+t;  
  68.        a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';  
  69.        a.href = '/search/label/'+encodeURIComponent(t);  
  70.        if (lcShowCount){  
  71.            span = document.createElement('span');  
  72.            span.innerHTML = '('+ts[t]+') ';  
  73.            span.className = 'label-count';  
  74.            a.appendChild(document.createTextNode(t));  
  75.            li.appendChild(a);  
  76.            li.appendChild(span);  
  77.            }  
  78.         else {  
  79.            a.appendChild(document.createTextNode(t));  
  80.            li.appendChild(a);  
  81.            }  
  82.        ul.appendChild(li);  
  83.        abnk = document.createTextNode(' ');  
  84.        ul.appendChild(abnk);  
  85.   }  
  86. lc2.appendChild(ul);    
  87. </script>  
  88.   
  89. <b:include name="'quickedit'/">  
  90. </b:include></div>  


regarding to internet explorer 6, there is a js-problem (illegal statement) but the script works fine with Safari&FF - i'll chase the problem when i find some motivation - sorry

Problem solved - here you can find what to do

Read more...