TUTORIAL: COMO INSTALAR O CUMULUS EM BLOGS DO BLOGGER

Blogumus é um menu flutuante em flash muito legal que foi desenvolvido por Roy Tanck's WP para o WordPress. Neste caso chamado de Cumulus. Este tutorial ensina como instalar o Cumulus em blogs Blogger. Você pode ver a sua direita o resultado final.

TUTORIAL CUMULUS PARA BLOGGER - BLOGUMUS

Traduzido e adaptado por Fernando E. Garske ( http://igrejaluterana.blogspot.com )

Instalar o "Blogumus" em seu Blog do Blogger é surpreendentemente simples. Você precisa apenas copiar e colar o código no Template html de seu Blog. São necessários alguns ajustes manuais, mas nada impossível.

1. Clique em Editar HTML no layout de seu Blogger.


2. Salve seu modelo antes de modificar qualquer coisa.


3. Depois procure o seguinte código (ou similar):
-------------------------------------

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

4. Imediatamente depois desta linha você deve inserir o código:

------------------------------------

<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='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></div>
<script type='text/javascript'>
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;<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>

-----------------------------------------------

É claro que se você já tem outros widgets e quer posicionar se Blogumus, também pode posicionar o código de acordo. Na imagem isto fica mais claro.


FAZENDO AJUSTES:
O layout padrão do Blogumus é:

• Largura: 240px
• Altura: 300px;
• Background: branco
• Cor do texto: cinza
• Fonte tamanho 12

Para alterar estas configurações:

LARGURA E ALTURA (procure e altere conforme suas preferências):
-------------------------
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
-------------------------
COR:
------------------------
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
------------------------

Após visualize para ver se deu tudo certo e só então salve seu layout. Qualquer coisa restaure o seu backup feito no primeiro passo.
Uma boa notícia: Não é preciso direcionar ou configurar os marcadores. Ele faz isto automaticamente.
Uma má notícia: Ele não aceita marcadores com acento. Eu gostei tanto do Blogumus que tirei os acentos dos meus marcadores. Se alguém quiser aprender a fazer isto de uma maneira prática e rápida peça nos Comments que faço um tutorial.

Fonte: Blogger Buster (veja este tutorial completo em inglês)