WP-Cumulus para o Blogger Nuvem de tags em flash

Encontrei este Widget que é usado no Wordpress e achei tão legal que começei a procurá-lo para Blogger, pois então depois de algumas horas de pesquisa encontrei e vou compartilhar aqui com vocês.

Este widget usa uma combinação de JavaScript e animação Flash para analisar e exibir rótulos de seu blog. Uma vez instalado no seu modelo, ele deve trabalhar "fora da caixa", sem nenhum ajuste adicional necessário, embora, naturalmente, você pode optar por alterar as variáveis para o fundo, cor e tamanho se for caso disso:) Você também deve ser capaz de mover o rótulo Cloud Widget através da página Elementos da página do seu painel, se você preferir display em um local layout diferente. Para ver Blogumus em ação, o Flash eo Javascript deve estar instalado e habilitado para o seu navegador de internet. No entanto, ele se degrada relativamente harmoniosa, e ligações rótulo ainda será clicável (embora não animado) para aqueles que não usam JavaScript do Flash (aranhas de motor, incluindo pesquisa). 

1º) Faça Backup do seu Blogger

2º) Entre na edição HTML do seu Blogger e encontre esta linha no código que fica em baixo de (<div id='sidebar-wrapper'>)

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

"Clique para aumentar a imagem"

Se não encontrá-la procure por algo similar .

Em baixo de: 

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

Cole o seguinte código:

<b:section class='sidebar' id='sidebar' preferred='yes'>
<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'>
<script src='https://sites.google.com/site/imadyh/download/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.imadyh.blogspot.com'>Imadyh</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;https://sites.google.com/site/imadyh/download/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;0xff6600&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;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

"Clique para aumentar a imagem"

3º)  Personalize se desejar:

Os valores padrão são:

• A largura é definida para 240px
• A altura é definida como 300px;
• A cor de fundo for branca
• Teste a cor é cinza
• Tamanho da fonte é "12"

Se você preferir fazer o seu widget maior, menor, altere o esquema de cores, etc, você vai precisar fazer isso por várias peças de edição do código. Vou passar por essas opções na ordem em que aparecem no código do widget. Edição de largura e altura para as variáveis largura e altura são encontradas nessa linha do script:

var so = new SWFObject("https://sites.google.com/site/imadyh/download/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

A largura (atualmente 240) é destacado em vermelho, enquanto a altura (padrão 300px) é destacada em azul. Estes valores numéricos especificar a largura e altura em pixels, assim você pode alterar essas de que você preferir. Edição cor de fundo Você pode alterar a cor de fundo de branco para qualquer outra cor, alterando o valor hexadecimal na mesma linha:

var so = new SWFObject("https://sites.google.com/site/imadyh/download/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Por exemplo, se você preferir um fundo vermelho brilhante, você pode substituir # ffffff com # ff0000 . Dê uma olhada nesta página para uma lista de usados códigos de cores hexadecimais. Alterar a cor do texto Por padrão, o texto é configurado para exibir em cinza escuro (valor hexadecimal # ff6600). Você pode alterar essa variável na seguinte linha:

so.addVariable ("TColor", "0x ff6600 ");

Esteja ciente de que "TColor" é uma variável do Flash e não inclui o símbolo hash usual de códigos de cores hexadecimais. Certifique-se de substituir apenas os números! Ajuste o tamanho da fonte O tamanho máximo da fonte de tags é especificado nesta linha:

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>");

Você pode alterar isto para assegurar que os códigos são exibidos em uma fonte maior ou menor, se preferir, alterando "12" para um número maior ou menor. Ao fazer qualquer uma dessas alterações, você deve ser capaz de visualizar o seu widget e ter certeza de que a sua nova escolha de cores, dimensões e fundo são adequados para suas necessidades. 

 Fonte: http://www.bloggerbuster.com