AVISO!!Artigo Desactualizado!
O Flash Player foi descontinuado e o seu uso na Net eliminado.
O Google Drive também já não permite o alojamento de ficheiros.
Como tal, este artigo actualmente só tem valor informativo.
Como prometido no artigo Lista de Blogues com jQuery, apresento hoje um artigo sobre a nuvem Blogumus.
O chamado efeito Blogumus muito popular em nuvens de etiquetas ou marcadores desde que foi originalmente criado como um plugin para o Wordpress da autoria Roy Tanck, entretanto o projecto já foi abandonado e actualmente até é recomendado a sua desactivação no Wordpress.
Algum tempo após o plugin WP-Cumulus ser criado, foi convertido para o Blogger pela Amanda Fazani e foi então que ganhou o nome pelo qual ficou conhecido entre os utilizadores do Blogger: O Blogumus. 
No Blogger não se coloca essa questão da remoção do efeito do blogue, desde que se tenha alguns cuidados, tais como sermos nós a alojarmos todos os ficheiros necessários ao bom funcionamento do Blogumus.
O local onde podemos alojar esses ficheiros depende do utilizador e em quais sites de alojamento de ficheiros cada um confia. Pessoalmente prefiro o Drive,
principalmente porque pertence à Google tal como o Blogger. O que significa que provavelmente já temos uma conta gratuita no Drive ao sermos utilizadores do Blogger. 
Para alojar os ficheiros no Drive é bem fácil mas para obter o endereço URL de cada ficheiro já pode ser complicado para o utilizador menos acostumado a estas coisas dos códigos, então recomendo o seguinte tutorial sobre o assunto: Como usar o Google Drive para partilhar ficheiros num blog que entre todos os tutoriais que já li sobre o assunto, é um dos que melhor explica.
Talvez um dia eu me me decida a escrever um tutorial sobre este assunto, quem sabe...
O principal motivo para eu dizer que devemos ser nós a alojar todos os ficheiros ( Na verdade, é algo que sempre recomendo que é sempre tentar ter todos os elementos presentes num blogue sobre o nosso controlo quanto possível ), é porque algum tempo o Blogumus deixou de funcionar ao fim de algum tempo. Acho que deve ter sido na mesma altura em que o criador do plugin original abandonou o projecto e por conseguinte, o site que alojava os ficheiros necessários ao funcionamento do dito cujo também fecharam.
Ou seja, tanto a famosa nuvem de etiquetas como qualquer outra utilizando o mesmo efeito deixou de funcionar da noite pró dia em todos os blogues e sites que a tinha presente, causando com isso que a página demorasse mais tempo a carregar já que o navegador perdia algum tempo procurando por algo que já não existia.
Na altura em que essa situação aconteceu, eu fui um dos afectados já que também tinha a nuvem de etiquetas com esse efeito. 
Continuando... antes do mais devem descarregar os seguintes ficheiros para o vosso computador:
Javascript Blogumus
Blogumus SWF
Depois é alojar estes ficheiros num site de vossa confiança (Não precisam seguir o que eu faço) e obter os respectivos endereços URL.
Agora de posse dos endereços URL, basta colocar o novo elemento onde vamos incluir o efeito Blogumus que tanto pode ser a já famosa nuvem de etiquetas ou como uma lista de ligações ou ainda como mencionei no artigo anterior, uma Lista de Blogues.
Mas para já, e para efeitos de demonstração na codificação, deixo aqui o código para a Nuvem de Etiquetas:
01 | <b:widget id='Label99' locked='false' title='Nuvem de Etiquetas' type='Label'> |
02 | <b:includable id='main'> |
03 | <b:if cond='data:title'> |
04 | <h2><data:title/></h2> |
05 | </b:if> |
06 | <div class='widget-content'> |
07 | <script src='URL-SITE-ALOJAMENTO/swfobject.js' type='text/javascript'/> |
08 | <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> |
09 | <script type='text/javascript'> |
10 | var so = new SWFObject("URL-SITE-ALOJAMENTO/tagcloud.swf", |
11 | "tagcloud", |
12 | "295", <!-- largura="295" --> |
13 | "250", <!-- altura="250" --> |
14 | "7", |
15 | "#2e3335"); |
16 | // uncomment next line to enable transparency |
17 | so.addParam("wmode", "transparent"); |
18 | so.addVariable("tcolor", "0x333333"); |
19 | so.addVariable("hicolor", "0x79C7E8"); |
20 | so.addVariable("mode", "tags"); |
21 | so.addVariable("distr", "true"); |
22 | so.addVariable("tspeed", "100"); |
23 | 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>"); |
24 | so.addParam("allowScriptAccess", "always"); |
25 | so.write("flashcontent"); |
26 | </script> |
27 | <b:include name='quickedit'/> |
28 | </div> |
29 | </b:includable> |
30 | </b:widget> |
Linhas sete(7) e dez(10) em destaque no codigo acima é onde será necessário colocar os endereços URL para que o efeito Blogumus funcione.
Pode modificar algumas coisas no código para melhor se adaptar ao seu blogue:
A cor de fundo neste código está definida para transparente, mas pode alterar colocando a seguinte linha de codigo: so.addParam("wmode", "transparent"); (linha 17) da seguinte maneira: //so.addParam("wmode", "transparent"); e alterando a cor de fundo neste código: #2e3335 (linha 15) que neste caso está definido para cinzento escuro. Neste site pode encontrar códigos de cores: HTML Color Codes.
A largura está definida para 295px, pode alterar nesta linha "295" (linha 12) e a altura para 250px mas pode alterar nesta linha "250" (linha 13).
O texto está definido para azul, pode alterar a cor na linha linha 18:
so.addVariable("tcolor", "0x045FB4");
alterando onde está a vermelho, atenção que basta só alterar o numero.
Pode também alterar o tamanho do texto na linha 23:
expr:href='data:item.blogUrl' style='12' target='_blank' , alterando o numero a vermelho que neste momento está definido para 12px.
Além do que normalmente consta da nuvem Blogumus, ainda adicionei mais uma linha de código (linha 19 em destaque), que permite escolher a cor quando se coloca o rato por cima de um item. Basta alterar o numero 79C7E8 para alterar a cor, tal como expliquei mais acima.
Só mais uma coisinha referente a este tipo de nuvem, para que se veja em condições é necessário que o visitante tenha instalado o Flash Player 7 ou superior, algo que na minha opinião actualmente é raro haver quem não tenha.
Espero ter conseguido fazer um apanhado do Blogumus e que tenha explicado de uma forma que dê para entender. 
Ah... e caso queiram ver um exemplo, basta olhar ali para a barra lateral. Utilizo este feito na minha Nuvem de Etiquetas. 
E agora que expliquei sobre o Blogumus, em breve publicarei então um tutorial sobre como colocar uma Lista de Blogues com este efeito.
Até Breve. 
Comentários
Malta, comentem, tanto críticas como elogios serão bem-vindos. E eu respondo, não prometo quando mas respondo.
Mas antes de comentarem, leiam as minhas Regras dos Comentários.
Se quiserem deixar o link para o vosso sitio, utilizar alguns estilos ou até inserir videos ou imagens nos comentários DEVEM mesmo ler as indicações nas Regras dos Comentários.
Caso prefiras comentar numa nova janela, ou se o formulário abaixo estiver nos dias ruins, podes clicar aqui.
Enviar um comentário