20 janeiro 2013

Nuvem de Tags



Voltei ainda com um pedido e com o Adam de novo u.u eu sou fã desse fofo *--*
Parei,o tutorial é como ter o gadget de marcadores como o meu a ”Nuvem de tags em Flash” eu já tinha procurado esse tuto em vários blogs mas nenhum deles funcionava em então eu testei o do mundo blogger e deu certo então todos os creditos para o Mundo blogger.
Quer aprender ? clica em continue lendo.


Antes de tudo faça um backup do seu template, caso algo der errado.


Vamos começar

Vá em em desing >>editar HTML>>não clique em expandir modelos de widgets  e seguida tecle Crtl+F e procure por essa linha 

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

 Pode variar de template para template então procure pelo meio dela

<b:section class='sidebar

E abaixo dela cole o seguinte

<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 salve se tudo estiver certo, se estiver note que a nuvem de tags irá aparecer um pouco acima do cabeçalho, mas não se desespere vamos com certar.



Caso o código anterior não funcione tente esse

<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 salvo você pode mover mover sua nuvem de tags para onde quiser, basta mover o gadget de marcadores de lugar.
Você pode mudar os elementos configurando de acordo com 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)

Marcadores que contem palavras acentuadas, o código não reconhece.

Créditos Mundo Blogger






Nenhum comentário:

Postar um comentário

» Nossas redes sociais: Fã page | | Instagram | | Pinterest

» Críticas construtivas são sempre bem vindas.

» Deixe o link do seu blog no final do comentário e retribuiremos a visita com carinho.

» Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2019. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo