Membuat Label Tag Clouds

Tags Clouds adalah sebuah Label yang hurufnya tidak rata maka dari itu dinamakan Tags Clouds yang artinya Tag adalah Label dan Clouds adalah awan jadi Label Tag Clouds adalah Label yang seperti tidak rata. Oleh karena itu Label Tag Clouds ini bisa di masuk dalam kategori search engine optimization.

Berikut cara Membuat Label Tag Clouds

1. Log in Ke Blogger Lalu masuk Menu Layout kemudian Edit HTML

2. Kemudian simpan Code Css dibawah ini diatas Code ]]></b:skin>

3. Lalu simpan Code Dibawah ini tepat dibawah Code <head>

4. Lalu Scroll Kebawah coba cari Code seperti ini

5. Lalu Ganti code diatas dengan Code dibawah Ini

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'><b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'><div id='labelCloud'/><script type='text/javascript'> // 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'; li.style.lineHeight = '1'; 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> <noscript><ul><b:loop values='data:labels' var='label'><li><b:if cond='data:blog.url == data:label.url'><data:label.name/><b:else/><a expr:href='data:label.url'><data:label.name/></a></b:if>(<data:label.count/>) </li></b:loop></ul></noscript><b:include name='quickedit'/></div> </b:includable></b:widget>

6. Selesai Deh kemudian Save

'҅҆҅҆҅҆҅҆҅Mufaizin1st blogs'҅҆҅҆҅҆҅҆҅҆