Códigos Blogger - Nuvem de Tag Em Flash
Autor: ʝѳɳy ɑʀtɛc | Publicado: 2011-09-01T12:38:00-07:00

1º Vá à secção Esquema (ou Layout), e clique em "Editar HTML". Procure a seguinte linha:&lt;b:section class='sidebar' id='sidebar' preferred='yes'&gt;Imediatamente a seguir a essa linha cole o seguinte código:&lt;b:widget id='Label99' 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='https://sites.google.com/site/comofazerumsitecom/ficheiros/swfobject.js' type='text/javascript'/&gt;&lt;div id='flashcontent' style="text-align: center;"&gt;&lt;a href='http://comofazerumsite.com/criarblog/blogger/nuvem-tags-animada.html'&gt;Nuvem de Tags para Blogger&lt;/a&gt;&lt;br/&gt;por&lt;br/&gt;&lt;a href='http://comofazerumsite.com'&gt;Como Fazer Um Site&lt;/a&gt;&lt;/div&gt;&lt;script type='text/javascript'&gt;var so = new SWFObject("https://sites.google.com/site/comofazerumsitecom/ficheiros/nuvemtags.swf", "tagcloud", "230", "210", "7", "#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", "&lt;tags&gt;&lt;b:loop values='data:labels' var='label'&gt;&lt;a expr:href='data:label.url' style='10'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;/b:loop&gt;&lt;/tags&gt;");so.addParam("allowScriptAccess", "always");so.write("flashcontent");&lt;/script&gt;&lt;b:include name='quickedit'/&gt;&lt;/div&gt;&lt;/b:includable&gt;&lt;/b:widget&gt;Visualize Para Ver Se Não Tá Nada Errado.ATENÇÃO: Para ser possivel ver a nuvem de tags em acção, é preciso que já tenha adicionado etiquetas/marcadores a algum dos seus posts.Modificando a NuvemPor defeito, a Nuvem inclui as seguintes variaveis definidas:Largura definida com 230pxAltura definida com 210pxCor de fundo é o branco (#ffffff)Cor do texto é Cinza (333333)Tamanho da fonte é "10"Se preferir pode tornar o seu widget maior, mais pequeno, pode mudar o esquema de cores, etc. Para fazer isso terá que editar as diferentes partes do código. Vou percorrer estas opções na ordem em que aparecem no código:1 . Alterar a largura e a alturaAs variaveis para a largura e para a altura podem ser encontradas na seguinte linha do código:var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "230", "210", "7", "#ffffff");2. Alterar a cor de fundoA cor de fundo pode ser mudada do branco para qualquer cor alterando o valor hex na mesma linha do código:var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "230", "210", "7", "#ffffff");Por exemplo se preferisse o vermelho para cor de fundo, teria que substituir #ffffff com #ff0000.3. Alterar as cores do textoPor defeito, o texto está definido com a cor cinza (valor hex #333333). Você pode alterar esta variavel na seguinte linha:so.addVariable("tcolor", "0x333333");Tenha em atenção que "tcolor" é uma variável flash e não inclui o habitual simbolo cardinal (#) nos códigos de cor hex. Subsitua apenas os números.4. Ajustar o tamanho da fonteO tamanho máximos das tags é definida na seguinte linha:so.addVariable("tagcloud", "&lt;tags&gt;&lt;b:loop values='data:labels' var='label'&gt;&lt;a expr:href='data:label.url' style='10'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;/b:loop&gt;&lt;/tags&gt;");Pode alterar esse valor se preferir que as tags sejam mostradas numa fonte maior ou mais pequena.À medida que faz estas alterações pode ir visualizando o seu widget para se assegurar que a sua escolha para as cores e dimensões corresponde ao que pretende.Espero Que Gostem, Pois Eu Gostei ;D