HOME |||||| Notícias - Mundo || Portugal || Negócios || Ciência || Entretenimento || Saúde |||| Outros - Paranormal || Funny || Tutoriais || Música || Animes || Arte || Info. blog

domingo, 17 de janeiro de 2010

Nuvem de Marcadores em Flash

Descobri como fazer isto em flash de forma simples e que tráz um bom visual para blog.

A função dos marcadores é basicamente facilitar a vida dos visitantes em encontrar o conteúdo do nosso blog de acordo com os temas de cada artigo. Existem formas mais visuais e agradáveis para seus marcadores e, dependendo do layout do seu blog, pode combinar muito bem com seu estilo.

Veja um exemplo: nuvem01

Aqui é apenas uma imagem de como fica, de facto ela é móvel e as palavras “flutuam” de acordo com o passar do rato.

Para inserir isto no seu blog:

1. Vá em “Layout” e depois em “Editar HTML” e marque “Expandir modelos de widgets”;

__________________________________________

2. Procure pela seguinte linha:

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

Obs.: Pode ser um pouco diferente dependendo do seu template.

__________________________________________

3. Abaixo dela cole o código a seguir:

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

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;

&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;

&lt;param name="bgcolor" value="#ffffff" /&gt;

&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

<b:loop values='data:labels' var='label'>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>

</b:loop>

&lt;/tags&gt;" /&gt;

&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;

&lt;/object&gt;

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

______________________________________

4. Salve o modelo.

______________________________________

5. Isso vai inserir um gadget diretamente no código fonte do seu blog, que terá o nome de “Labels”. Com isso você poderá movê-lo em “Elementos de página” para a posição que achar mais adequada ou até excluir por lá. É exatamente como o gadget de Marcadores, mas só que fica diferente no blog.

______________________________________

6. Salve e visualize para ver o resultado.

Como modificar o tamanho e as cores:

É possível trocar a cor do texto e do fundo e definir as dimensões da Núvem de Marcadores em Flash. O que está indicado de vermelho no código acima pode ser modificado de acordo com seu interesse e segundo o layout do seu blog. Mas tenha muita atenção para fazer isso:

width="250" height="200" ~> definem largura e altura, as dimensões da Núvem.

value="#ffffff" ~> cor do fundo. Aqui está definido como branco. Se souber o código da cor que você quer, basta alterar “#ffffff” para o código da cor que desejar.

tcolor=0x000000 ~> cor do texto. O texto está definido em preto. Aqui basta colocar os seis dígitos da cor que você quer, alterando apenas o que vem depois do “x”.

_______________________________________

Com isto você terá uma Núvem de Marcadores configurada segundo o modelo do seu blog.

_______________________________________

-Ferramentas Blog (adaptado)

Sem comentários:

Enviar um comentário

Related Posts with Thumbnails
back to top