Swift

Marcadores com Nuvem de Tags em Flash

Os marcadores no blog facilitam a vida dos visitantes, em encontrar os conteúdos de seus artigos, de acordo com o tema.
Como vocês já devem ter percebido, o proprio blogger implantou a opção de Marcadores em formato de nuvem de tags, dando um visual bem diferente.
O mais legal neste recurso é o fato de podermos selecionar quais os marcadores deverão ser exibidos e também poder retirar a numeração, o que antes era necessário ser feito manualmente
Mesmo com todas essas novidades, ainda é possivel personalizar os marcadores de várias formas, e uma delas é transformar seus marcadores em Nuvens de tags em flash, onde as listas se movimentam e flutuam quando passa o mouse em cima.
Veja o exemplo:
Se você quiser implementar seus Marcadores em forma de Nuvem de Tags em Flash em seu blog, veja como a seguir.
Antes de mais nada, é sempre bom fazer um backup do seu Template para evitar transtornos, se algo sair errado.
Entre na aba “design” >> “editar HTML” e NÃO clique em “Expandir modelos de widgets”, e em seguida procure pela linha abaixo:

<b:section class='sidebar' id='sidebar' preferred='yes'>
E cole o seguinte código ABAIXO dela:


<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://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
       &lt;param name="movie" value="http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" /&gt;
       &lt;param name="bgcolor" value="#000000" /&gt;
       &lt;param name="flashvars" value="tcolor=0xffffff&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='14'><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>
Visualize, e se estiver tudo ok, salve!
Se por acaso o código postado acima não funcionar, tente usar este outro código alternativo abaixo:

<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/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xffffff&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='14'><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>
Depois de instalado e salvo, você pode movê-lo posicionando-o onde preferir, é só mudar o gadget de marcadores de lugar, arrastando-o para onde desejar e para isso basta fazê-lo atráves do “Elementos de página”.
Vejamos agora os elementos que você pode modificar, configurando de acordo com as cores do seu template:
width = “250” height = “200” -> se refere a largura e altura da widget.Você deve alterar a “width” para o mesmo tamanho da sua sidebar.
bgcolor” value=”#000000″ -> se refere a cor do plano de fundo da widget (que neste exemplo está na cor preta)
tcolor=0xffffff -> se refere a cor do texto (no exemplo está definido como branco, se quiser alterar, basta incluir o código hexadecimal referente a cor que você deseja, logo após o “x”
style=’14’ -> se refere ao tamanho do texto (tags)

Dicas

Dica 1: marcadores que contem palavras acentuadas, o código não reconhece, não sei o porque.Então uma solução seria renomear as tags retirando os acentos das palavras.
Dica 2: Percebi que nas categorias de marcadores que possuem poucas postagens, quando se clica neste marcador, não aparece postagem alguma.
Por exemplo: se você possui um marcador onde só há 1 post refente a este marcador, ao clicar na tag deste marcador,a sua postagem não irá aparecer. Então uma solução seria incluir mais postagens referentes a este marcador.

You Might Also Like

0 comentários

Facebook

Visitas