Nuvem em movimento para tags no Blogger
Autor: Idenaldo Rodrigues | Publicado: 2011-04-28T07:04:00-03:00


A instalação dessa nuvem de tags em movimento é muito fácil de ser feita. Antes de começar é sempre bom lembrar que se deve salvar as configurações atuais do seu blog para evitar futuras dores de cabeça.

1 – Vá em Layout, Editar HTML e marque a opção “Expandir modelos de widgets”.

2 – Em seguida com a ajuda do Crtl + F encontre o código abaixo ou um similar a ele (id=”sidebar1”, ide=“sidebar2”,  por exemplo).

&lt;b:section class='sidebar' id='sidebar' preferred='yes'&gt;
Logo abaixo dele coloque o seguinte código:

&lt;b:widget id='Label50' locked='false' title='Nuvem de tags' type='Label'&gt;
&lt;b:includable id='main'&gt;
&lt;b:if cond='data:title'&gt;
&lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt;
&lt;/b:if&gt;
&lt;div class='widget-content'&gt;
&lt;script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/&gt;
&lt;div id='flashcontent'&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/div&gt;
&lt;script type='text/javascript'&gt;
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;&lt;tags&gt;&lt;b:loop values='data:labels' var='label'&gt;&lt;a expr:href='data:label.url' style='12'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;/b:loop&gt;&lt;/tags&gt;&quot;); 
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
&lt;/script&gt;
&lt;b:include name='quickedit'/&gt;
&lt;/div&gt;
&lt;/b:includable&gt;
&lt;/b:widget&gt;
Pronto. Clique em visualizar para ver se deu tudo certo. 

Se a resposta por afirmativa, a nuvem vai aparecer na sua sidebar. Você pode mudá-la para onde desejar dentro da sidebar.

Se quiser, você pode personalizar determinadas partes dessa widget, fazendo com que fique mais adequado ao estilo do seu blog. Você mudar: a largura, a altura, a cor do fundo e também o tamanho da fonte. 

Para personalizá-los devemos fazer o seguinte:

a) Alterar a largura (240px) e altura (300px) da nuvem:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
b) Alterar a cor de fundo da nuvem (# ffffff):
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
c) Mudar a cor do texto (333333 manter a 0x como está):
so.addVariable("tcolor", "0x333333"); 
d) Alterar o tamanho do texto (style='12'):
so.addVariable("tagcloud", "&lt;tags&gt;&lt;b:loop values='data:labels' var='label'&gt;&lt;a expr:href='data:label.url' style='12'&gt;&lt;data:label.name/&gt;&lt;/a>&lt;/b:loop&gt;&lt;/tags&gt;");
Feitas as modificações. Visualize e se estiver tudo de acordo com o que imaginou, salve.

É isso.

Via: El Escaparate (em espanhol)