Vejamos agora como instalar essa nuvem de tags.
1. Faça login no Blogger e acesse o painel de controle do seu blog, depois vá no menu Modelo, clique no botãoFazer backup / Restaurar e faça uma cópia de segurança do seu template clicando no botão Fazer download do modelo completo.
2. Clique no botão Editar HTML, pressione Ctrl+F para abrir a janela Localizar do navegador.
3. Se você estiver usando um dos novos templates do Blogger — aqueles criados com o Designer de modelo, ou pelo menos baseado neles —, procure pelo Código 1. Se você estiver usando um dos templates antigos do Blogger, procure pelo Código 2.
Código 1:
<b:section-contents id='sidebar-right-1'>
Note que no código acima foi destacado uma parte em vermelho. Esta parte em vermelho irá variar dependendo da sua barra lateral. Então, se a sua barra lateral estiver à direita do seu blog, deixe "right" mesmo; se a sua barra lateral estiver à esquerda do seu blog, substitua o que está em vermelho por "left", antes de procurar o código.
Código 2:
<b:section class='sidebar' id='sidebar' preferred='yes'>
4. Depois de encontrar um dos dois códigos citados acima, cole este outro código imediatamente abaixo dele.
<b:widget id='Label99' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/17889015/Bloggando-Na-Web-Scripts/tagcloud.swf" width="100%" height="280" allowscriptaccess="always" >
<param name="movie" value="http://dl.dropbox.com/u/17889015/Bloggando-Na-Web-Scripts/tagcloud.swf" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<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>
</tags>" />
</object>
<div style="font-size:9px;text-align:right;">Blogumulus by <a href='http://www.roytanck.com/' rel='nofollow' target='_blank'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com' rel='nofollow' target='_blank'>Amanda Fazani</a></div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Para quem quiser baixar o arquivo da nuvem, para hospedar em seu próprio servidor, basta clicar nesse link e depois de hospedar o arquivo, substituir a parte que foi destacada em vermelho pelo novo endereço do arquivo. As partes que estão destacadas com alguma cor no código acima, são as partes que você pode alterar. Então vamos explicar o que cada uma faz:
- Em vermelho: link do arquivo responsável por gerar o efeito de movimento;
- Em azul: você pode mudar os valores de "width" e "height" (largura e altura, respectivamente) para aumentar ou diminuir a área da nuvem de tags — aconselho que você mantenha o valor de width em 100%, assim a nuvem de tags se ajustará automaticamente à largura da sua sidebar (barra lateral);
- Em laranja: coloque o código hexadecimal da cor que você quer como plano de fundo — o valor #FFFFFF se refere a cor branca;
- Em rosa: coloque também o código hexadecimal de uma cor que você queira para as tags — sem o caractere "#", o valor 000000 se refere a cor preta;
- Em roxo: você pode alterar o tamanho da fonte das tags.
5. Depois de configurar o código do jeito que você quer, clique no botão Visualizar e, se estiver tudo certo, clique no botão Salvar modelo. Está pronto! Agora basta acessar a página inicial do seu blog e verificar se a nuvem de tags está aparecendo corretamente.
Devido a muitos blogs estarem desaparecendo por um motivo ou outro, copiei este para não ficar na mão