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:

    Ana Lucia Nicolau disse...

    Oi, bem bacana sua dica...
    abs

    joana disse...

    Vou tentar fazer isso.
    bjs
    joana

    Ebrael Shaddai 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

    masilg 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