ENTRE EM CONTATO:

igrejaluterana@gmail.com

Deixe seu comentário: sugira, opine, participe!
Se algum post lhe ofende ou viola seus direitos autorais entre em contato.

quarta-feira, 22 de outubro de 2008

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)

3 comentários:

  1. Valeu pela dica, quando tiver tempo passa lá no blog e veja como ficou :)

    Um Abraço :)

    ResponderExcluir
  2. Oiee, eu achei muito legal esse recurso, porém no meu blogger n está dando...eu coloca certinho o código, tirei todos os acentos e qdo coloco em vizualizar, fica uma página em branco....
    Por favor, vc pode me ajudar?

    ResponderExcluir
  3. ele aceita acento sim mais não sei como q arruma isto olha o deste blog tem acentos os marcadores e funciona normal,porq será?
    http://aironiaemto.blogspot.com/

    ResponderExcluir

Google