Nuvem de Tags em esfera

Para pôr uma nuvem de tags no layout do teu blog não é tão difícil, tão pouco é necessário entender muito de html, basta-te ter boa vontade e paciência para montá-la, vejamos como:

Para colocar uma igual no seu blog vá à pág "editar html" e salve o modelo completo do template, caso dê algum problema você poderá retornar o que foi feito, depois clique em "Expandir widgets", e digite "Ctrl +f", e abrirá uma caixa de procura assim:




feito isso, agora digite na caixa de procura o seguinte código:

<b:section class='sidebar' id='sidebar' preferred='yes'>

quando encontrá-lo cole logo abaixo o seguinte código html:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'><center>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a

href='http://www.roytanck.com/'>Roy Tanck</a> and <a

href='http://www.bloggerbuster.com'>Amanda

Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates

Designs</a></div>

<script type='text/javascript'>

var so = new

SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",

"tagcloud", "240", <!-- width="240" -->

"300", "7", <!-- height="300" -->

"#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud",

"<tags><b:loop values='data:labels'

var='label'><a expr:href='data:label.url'

style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/></center>

</div>

</b:includable>

</b:widget>

Após colocar no blog vamos entender como personalizar sua aparência,veja as seguintes partes:

* Largura e altura da widget: width = "240" height = "300", apenas altere os valores 240 largura e 300 altura, cuidado para não deixar mais larga que a coluna do seu blog;

* Cor de fundo " #ffffff "); As letras ffffff é a cor de fundo, aqui tem o código de várias cores basta trocar as letras;

* Cor do Texto: 0x333333, idêntico a cor de fundo, mas essa é a cor do texto então veja os códigos das cores acima e use a cor que desejar;

* Tamanho do texto: style='12', o numero 12 é o tamanho da letra então altere como quiser;

Depois disso se quiser mudar o lugar que a nuvem de tags aparece no blog é fácil apenas entre na pagina layout, notará que tem um novo gadget então é só arrastar para o lugar que desejar do mesmo modo que faz com todos os outros.

Boa sorte, e para qualquer dúvida estarei aqui para solucioná-la!