Informativos

Estava procurando por esse tutorial sobre como transformar a lista de marcadores do blog (categorias) em uma nuvem de tags (tag cloud).

Encontrei no Usuário Compulsivo e, resolvi postar aqui para compartilhar com vocês leitores.

Se desejar substituir sua lista de links de categorias do blog por uma nuvem de tags, siga o tutorial abaixo. Testei e funciou perfeitamente.

1 – No código HTML do seu template NÃO clique em ‘Expandir modelos de widgets’.

2 – Procure (Ctrl+F) pela linha ]]> e adicione logo acima dela o código CSS abaixo (esse é o código CSS que vai definir o visual da sua tag cloud):

3 – Agora encontre (Ctrl+F) a linha ]]> e insira o código abaixo entre ela e . Pode haver outros códigos entre essas tags mas  importante aqui e que seja adicionada antes da tag .
Entre as tags

ou equivalente dependendo do seu template) e

vamos inserir o código da nossa tg cloud:

// Não mude nada a partir desse ponto —————–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 ta=0var c=[];var labelCount = new Array();var ts = new Object;var theName = “”;ts[theName] = ;for (t in ts){if (!labelCount[ts[t]]){labelCount[ts[t]] = new Array(ts[t])}}tz = labelCount.length-1;lc2 = document.getElementById(‘labelCloud’);ul = document.createElement(‘ul’);ul.className = ‘label-cloud’;for(var t in ts){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 = lcBlogURL+’/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);
<font id=”fullpost”><br><ul><br><b:loop values=’data:labels’ var=’label’><br><li><br><b:if cond=’data:blog.url == data:label.url’><br><data:label.name/><br><b:else/><br><a expr:href=’data:label.url’><data:label.name/></a><br></b:if><br>(<data:label.count/>)<br></li><br></b:loop><br></ul><br></font>

Peixinhos

Não esqueça de limentar os peixinhos