You are on page 1of 4

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

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)