sexta-feira, 11 de dezembro de 2009

Nuvem de marcadores animados no formado de um globo para blogger


Essa é mais uma forma de personalizar o layout do seu blogger, e como pode ser notado em alguns bloggers o efeito fica muito legal, eu ja vi alguns blogs orientando como colocar as nuvens de marcadores, porém, a diferença entre o modelo que eles trazem com esse que estou disponibilizando é o seguinte, esse modelo que segue a baixo além do efeito nuvem de marcadores ou melhor(Label Clowd) ele funciona em flash, ou seja, seus marcadores ficarão em movimento constante.

Primeiro entre logado no seu blogger, e click em alguma das opções que estou trazendo nas fotos abaixo em layout.



Segundo Passo: basta clicar na ferramenta editar html para abrir a página de edição do template.
Terceiro Passo: nunca eu disse nunca edite ou troque o seu template sem antes salvar o modelo que você esta usando.

Para salvar o modelo de template click onde a foto acima esta mostrando "Baixar modelo completo" é necessário salvar o seu template para evitar futuros transtornos.

Agora é que vamos instalar a nuvem de marcadores animados, procure pela linha:



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


E logo abaixo dela você irá colar o seguinte 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://sites.google.com/site/codigosnewtechsound/marcadores/swfobject.js' type='text/javascript'/>
<div id='flashcontent'> by <a href='http://www.portaldicas.net/'>Portaldicas</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>


Salve o seu template e veja se correu todo certo.



Para personalizar a altura e largura e largura da sua nuvem de marcadores basta editar as numerações que eu coloquei de vermelho e azul, onde:

  • Largura 240px
  • Altura 300px;

  • fonte:bloggerbuster

    5 comentários:

    Anônimo disse...

    Oi, bem bacana sua dica...
    abs

    disse...

    Vou tentar fazer isso.
    bjs
    joana

    Júlio [Ebrael] disse...

    Amanhã vou tentar implementar!! Além de bonito, economiza espaço!! Muito bom!!

    Abs!!

    kleber disse...

    eu nao consegui meu template nao tem esse codigo




    www.klebimfreitas.blogspot.com

    Unknown disse...

    Suas dicas são maravilhosas e eu já apliquei muitas delas nos meus blogs. Só não entendo como você aceita que copiem e publiquem suas postagens na íntegra!!!

    Postar um comentário

    divulque

    Blogoteca

    Boas matérias

     

    NewTechSound

    Amazing Counters
    Toshiba Satellite Laptops