02. 03.
Keine Ahnung was ich hier mache, trotzdem bin ich hier...

domingo, 13 de setembro de 2009

Nuvem de Tags em esfera

Para pôr uma nuvem de tags no layout do teu blog não é tão difícil, tão pouco é necessário entender muito de html, basta-te ter boa vontade e paciência para montá-la, vejamos como:


Para colocar uma igual no seu blog vá à pág "editar html" e salve o modelo completo do template, caso dê algum problema você poderá retornar o que foi feito, depois clique em "Expandir widgets", e digite "Ctrl +f", e abrirá uma caixa de procura assim:




feito isso, agora digite na caixa de procura o seguinte código:

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

quando encontrá-lo cole logo abaixo o seguinte código html:


<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'><center>

<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> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates

Designs</a></div>

<script type='text/javascript'>

var so = new

SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",

"tagcloud", "240", <!-- width="240" -->

"300", "7", <!-- height="300" -->

"#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud",

"<tags><b:loop values='data:labels'

var='label'><a expr:href='data:label.url'

style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/></center>

</div>

</b:includable>

</b:widget>



Após colocar no blog vamos entender como personalizar sua aparência,veja as seguintes partes:

* Largura e altura da widget: width = "240" height = "300", apenas altere os valores 240 largura e 300 altura, cuidado para não deixar mais larga que a coluna do seu blog;

* Cor de fundo " #ffffff "); As letras ffffff é a cor de fundo, aqui tem o código de várias cores basta trocar as letras;

* Cor do Texto: 0x333333, idêntico a cor de fundo, mas essa é a cor do texto então veja os códigos das cores acima e use a cor que desejar;

* Tamanho do texto: style='12', o numero 12 é o tamanho da letra então altere como quiser;

Depois disso se quiser mudar o lugar que a nuvem de tags aparece no blog é fácil apenas entre na pagina layout, notará que tem um novo gadget então é só arrastar para o lugar que desejar do mesmo modo que faz com todos os outros.




Boa sorte, e para qualquer dúvida estarei aqui para solucioná-la!

Seguir este Blog | Indicar este Blog | Sugestões | Sobre Quem vos fala

  ©Template by Dicas Blogger.

TOPO