FLISCORNO

Todas as ferramentas são úteis ou inúteis conforme o uso que se lhe dê. Para ilustrar esta banalidade, todos compreenderão que, apesar de ser possível, faz pouco sentido limpar os dentes com uma chave estrela.

No caso do Twitter, há uma certa netiqueta em seguir quem nos segue. O resultado é óbvio: quem tem 5000 seguidores não vai seguramente ler as suas actualizações. E, paralelamente, também esses 5000 seguidores, os quais por sua vez seguem cada um deles uma multidão de outros twitters, não irão ler as nossas actualizações. Fica assim criado um sistema "legal" de spam que para pouco serve.

Pessoalmente, no twiter do fliscorno opto por seguir poucos twitters (sou mal-neticado, escolhendo-os geralmente pela pertinência e pelo uso que lhe dão. Leio-os volta e meia e por vezes encontro coisas interessantes. Já as minhas actualizações são essencialmente a notificação de novos posts e, esporadicamente,comentários à actualidade. Por enquanto é uma utilização básica mas logo se vê como evoluirá.

Os 140 caracteres constituem uma barreira redutora, de facto. Mas é um conceito com utilidade se usado como teaser e fornecendo um URL. E até já dei por mim a constatar que frases deste tamanho são úteis para elaboração de cartoons. Por exemplo, este cartoon sobre a entrevista de Sócrates teve origem na twittagem que fiz da respectiva entrevista.

O twitter permite também uma rápida publicação, o que torna possível comentar uma entrevista em tempo real. Quando foi a entrevista de MLR tentei fazer isso com o blogger mas foi penoso. Com a entrevista de Sócrates usei o Twitter e foi canja.

Portanto, respondendo à questão inicial, o Twitter serve comunicar com um grupo de pessoas numa base de muitos para muitos. No meios convencionais, a comunicação faz-se de um para um ou de um para poucos (telefone, SMS, MSN, chat) e de um para imensos mas só num sentido (rádio, televisão, jornais, blogs). É um misto entre a difusão em que não se conhece a audiência (aqui reside a maior diferença entre Twitter e MSN/afins/chats) e telefone, em que a comunicação é bidireccional.

O blogger lançou o Product Ideas for Blogger. É uma plataforma que permite aos utilizadores sugerirem ideias, widgets e blogs de nota. Permite também votar em ideias existentes, favoravel ou desfavoravelmente.

Sugeri algumas ideias, baseadas nas funcionalidades que me fazem falta.

Aproveite para visitar este forum e contribuir com as suas ideias e votar noutras que ache úteis (ou votar desfavoravelmente as que achar inúteis). Mas atenção: a possibilidade de adicionar sugestões termina já a 30 de Abril. Que tal re-encaminhar este post para os seus amigos? Quantas mais ideias surgirem, maiores serão as possibilidades da plataforma blogger vir a incorporar melhores funcionalidades.

Este artigo explica como fazer para ter diferentes ícones antes do título

Quem por aqui passa já terá reparado que associado a cada post aparece um ícone e que não é constante. Com efeito, cada conjunto de categorias do blog (labels) está associado a um ícone, o qual é escolhido automaticamente. Assim, quando se cria um post, escolhe-se a categoria para o marcar e plimmmm depois de publicar o respectivo ícone aparece. Mais tarde, se alterar a categoria do post, o ícone mudará em correspondência.

Passo a expôr como implementei esta funcionalidade na template. Dada a extensão do artigo, este será partido em 3 partes:

1. O problema
2. Implementação
3. Juntando as peças

Associar ícones às categorias do post- parte 1/3: O problema

O objectivo
Aqui no Fliscorno há uma certa misturada de conteúdos. Dizem as regras da boa blogagem, as quais supostamente ajudam a aumentar o número de visitantes, que se deve manter coêrencia no género de conteúdos abordados no blog. Por exemplo, evitar falar dos negócios da política num blog de culinária sob pena disso causar indigestão. A ideia subjacente é que quem vai a um site espera encotrar lá um certo tipo de conteúdos e isso fidelizará o visitante. Pela minha experiência pessoal, sei que assim é. Mas o facto é que não me apetece ter vários blogs e gosto de malhar em áreas diferentes conforme a pachorra do momento. Claro que para o visitante poderá ser algo frustante, daí que optei por facilitar a identificação visual dos conteúdos pelo uso de um ícone que esteja relacionado com a categoria do post. Já agora, na mesma linha da separação da separação de conteúdos, também abordarei noutro artigo a forma de ter um feed por cada categoria.

As limitações do Blogger
Olhado para uma template genérica, vemos que a parte onde as categorias são mostradas é esta (ir a Layout | Edit HTML | Download Full Template e abrir o ficheiro XML descarregado):

<b:loop values='data:post.labels' var='label'>
  <a expr:href='data:label.url' rel='tag'>
  <data:label.name/></a>
  <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>   
</b:loop>

Mais à frente explicarei este pedaço de código mas por agora basta verificar que existe um clico (loop) dentro do qual são listadas as categorias associadas ao post.

Portanto, para ter um ícone diferente para cada post, bastaria olhar para cada categoria e decidir sobre o ícone a usar. Algo assim:

<b:loop values='data:post.labels' var='label'>
  <a expr:href='data:label.url' rel='tag'>
  <data:label.name/></a>
  <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>   
  IF categoria = gracinha THEN
    usa o ícone da gracinha
  END IF
</b:loop>

O problema desta abordagem está no facto de o Blogger não ter o bloco IF ... THEN ... ELSE!

A solução
Como resolver então o problema? O truque que encontrei para contornar este problema foi:

1. parte do processamento é feito pelo Blogger
2. a parte restante é feita pelo browser ao receber a página.

Assim, na template do Blogger coloquei comandos para gerar um javascript. Este script é depois interpretado pelo cliente (o browser) para escolher o ícone certo a apresentar.

Na próxima parte deste artigo detalharei a solução implementada. Entretanto, se a curiosidade apertar, experimente ver o código fonte desta página e olhe para o script gerado (procure o texto "var all_labels")

O http://twitterfeed.com é um serviço para lançar os posts do blog no Twitter. Para ver o resultado, dar uma olhada no meu Twitter: http://twitter.com/fliscorno É um serviço que uso há algum tempo e é de tal forma transparente que agora, querendo recomenda-lo, precisei de fazer uma busca no Google para encontrar o respectivo site.

Aqui na barra lateral, mais uma novidade: pesquisa no Twitter. "Pesquisa no Twitter? Mas para que raio quero eu isso se o Google é tão omnisciente?", perguntará o leitor.

No meu ponto de vista, o Google está a tornar-se num mau motor de busca.  Experimente o leitor pesquisar "JavaScript $" com ou sem as aspas (supostamente, as aspas são para pesquisa literal" e verá quantos resultados obtém com esta expressão. Zero. Pois. Uma página certa para devolver perante esta pesquisa seria a seguinte: "JavaScript Dollar Sign ($) - What is it for?". Quem se lembrar do Altavista logo dirá "ah e tal, o Altavista fazia isso". Pois. Já não faz. Googlelizou-se.

Bom, a pesquisa do Twitter não resolve esta questão. O ponto aqui era apenas por causa da deixa do motor de pesquisa do Google estar a perder qualidades. Mas  a pesquisa no Twitter resolve um outro aspecto, onde o Google e demais ainda não têm resposta: procurar sobre o que se estiver a falar num dado momento. E neste aspecto é fantástico! Experimente, vá. Procure, sei lá, assim uma coisa sobre a qual ninguém escreverá coisas de interesse. Olhe, procure por Sócrates, por exemplo.

Vem este texto na sequência duma passagem pelo Twitter do Paulo Querido, onde encontrei o link para este interessante texto: Twitter's Search Threat to Google, Yahoo and Microsoft.

Se o leitor quiser colocar uma geringonça destas no seu blog, basta seguir os seguintes passos:

1. Ir a Esquema (Layout)
   
   
2. Clicar em Adicionar miniaplicação (Add a Gadget)
   
   
3. Clique no  "HTML/JavaScript"
   
   
4. Pode deixar o título em branco e, no conteúdo adicione o código seguinte (no código, logo ao princípio, altere http://twitter.com/fliscorno para o seu Twitter):
   <a href="http://twitter.com/fliscorno"><img width="170" height="41" src="http://3.bp.blogspot.com/_ajSffy5BsnY/SXvMEUtcmfI/AAAAAAAAAe0/zFmN36aCwSQ/S192/twitter_follow_me.gif" border="0"/></a><br /> <br /> <b>Procurar no Twitter</b><br /> O que estiver a acontecer <i>agora</i>.<br /> <form id="searchForm" action="http://search.twitter.com/search" target="_blank" method="get"><input id="searchBox" autosave="com.twitter.search" placeholder="Digite a sua pesquisa" value="" name="q" results="10" type="search"/><input value="Procurar" type="submit"/><br /> <a href="http://search.twitter.com/advanced">Pesquisa avançada</a></form>
   
   
5. Clique em Guardar e já está. Ganhará uma imagem como esta que fiz para mim a dizer "Twitter follow me" (pode usa-la livremente) mais a caixa de pesquisa do Twitter.
   

Nota: este código o que faz é usar o código do search form da página do Twitter. Caso os tipos do Twitter modificarem este form, então será necessário mudar manualmente este Gadget. Se isso acontecer, pode sempre passar pelo Fliscorno que cá terei a nova versão.

Já agora, já reparou no botão, mais em baixo, que diz PARTILHAR? Se gostou desta entrada, porque não partilha-la? :-)

Continuando na linha de partilhar informação (sou da opinião que partilhar o que se sabe é a melhor forma de aprender), cá vai mais uma coisa que adicionei à minha futura template para o Fliscorno. Como nas anteriores alterações, vou acrescentando-as nesta template para experimentações.

Como podem ver, no fim deste post há um botão a dizer PARTILHAR. Para o terem também no vosso blog, basta fazer os seguintes passos:

1. Ir a Esquema » Editar HTML (Layout » Edit HTML)
   
   


2. Seleccionar Expandir modelos do widget (Expand Widget Templates)
   
   


3. Procurar na template este pedaço de código:
   <div class="post-footer">
   
   


4. Copiar o código seguinte e colá-lo logo depois do bloco anterior
   <!-- AddThis Button BEGIN --><br /> <div><script type="'text/javascript'"> var addthis_header_color = "#ffffff"; var addthis_header_background = "#000000"; var addthis_language = "pt"; var addthis_options = 'email, twitter, favorites, myspace, google, technorati, Delicious, facebook, live, digg, Print, slashdot, yahoobkm, more'; </script><br /> <a id="'data:post.url'" name="'data:post.title'" onclick="'return" onmouseout="'addthis_close()'" onmouseover="'return"><img alt="'Bookmark" height="'16'" src="'http://s7.addthis.com/static/btn/sm-share-pt.gif'" style="'border:0'" width="'125'/" /></a><script src="'http://s7.addthis.com/js/200/addthis_widget.js'" type="'text/javascript'/"></div><!-- AddThis Button END -->
   
   


5. Gravar as alterações e está feito!

Informações adicionais (outras configurações, por exemplo) em http://www.addthis.com/help/plugins/others.

Depois da anterior abordagem ao Yahoo Pipes, aqui fica uma utilização no blog (o slide show ali na coluna à direita).

A principal razão de usar os Pipes neste slide show foi ter uma galeria com os seguintes requisitos:
a) que não começasse imediatamente em auto play. De acordo com os gurus da ergonomia, animações e música que comecem automaticamente quando uma página é aberta são dois aspectos a evitar, já que distraem a leitura regular. Curiosamente a esmagadora maioria dos slide shows que encontrei começavam logo a animação das fotos, apesar de alguns poderem ser parametrizados para não o fazerem - como é o caso deste.

b) pretendia que ao clicar em cada cada uma das imagens apresentadas se fosse para a respectiva postagem.

Este segundo requisito deu luta. A minha abordagem, que já vinha de há algum tempo, foi:
- usar o Flickr como serviço de alojamento das imagens a incluir no slide show;
- agrupar as imagens por photosets, isto é, grupos duma mesma categoria;
- para cada foto, colocar na respectiva descrição o URL do post correspondente à imagem.

Assim sendo, o Pipe usa a API do Flickr para sacar as fotos do photoset e, para cada foto, extrai o URL exisitente na descrição. Montar isto foi um pouco manhoso, como se pode ver pela visualização deste Pipe: http://pipes.yahoo.com/pipes/pipe.info?_id=b0ffa05e15cb57b6edf3cb252e9b730c.

O resultado deste Pipe, um feed RSS, pode ser embrulhado em diversas apresentações finais (ver a página Pipe), entre as quais a de um "acrescento" para o Blogger.

Hoje, uma dica informática: como adicionar um ícone que apareça na barra de endereço do blog, como o F que agora tenho no Fliscorno.

1. criar o ícone

• Como: Usar um editor de imagens para o fazer ou um conversor de imagens para ícones como o Imageicon.
  
  


• Tamanhos possíveis: 16x16 ou 32x32 pixeis. 16x16 é um tamanho compatível com mais browsers.
  
  


• Formatos: PNG, GIF ou ICO. Se se pretender alojar o ícone num servidor de imagens como o Flickr, usar os formatos PNG ou GIF.
  

2. colocar o ícone num servidor de imagens, como o flickr.com
Copiar o endereço da imagem. Usando o Flickr, isso está disponível onde diz "All Sizes" e será algo do género
http://farm4.static.flickr.com/3350/3278203077_0fb754b7ef_o.png

(a título de exemplo, ver a respectiva página: http://flickr.com/photos/raposa_velha/3278203077/sizes/o/)

3. editar a template do blog
Ir ao HTML. Procurar onde diz </head> e abrir uma linha antes. Adicionar uma das linhas que se seguem, conforme o formato de imagem que se tenha criado, substituindo URL_DO_FICHEIRO pelo endereço (URL) do ícone:

• PNG:
  <link href="URL_DO_FICHEIRO" rel="shortcut icon" type="image/png/">
  
  


• GIF:
  <link href="URL_DO_FICHEIRO" rel="shortcut icon" type="image/gif/">
  
  


• ICO:
  <link href="URL_DO_FICHEIRO" rel="shortcut icon" type="image/x-icon/">

No fim, o resultado será algo como este:
«link href="http://farm4.static.flickr.com/3350/3278203077_0fb754b7ef_o.png" rel="shortcut icon" type="image/png/"»
«/head»

Permitam-me este momento de umbiguismo :-)

O Fliscorno passou os 100 mil visitantes, 95 mil dos quais vindos no último ano e meio, em coincidência com o início da postagem mais regular.

Obrigado aos visitantes que por aqui têm passado e aos que têm ajudado à divulgação pela publicação de links do Fliscorno.

Já agora, que estamos em bloguísses, o aniversário do blog aproxima-se e virão algumas mudanças. Uma nova template mais funcional; mais web 2.0; e uma mais clara separação dos conteúdos que por aqui vão caindo.

Entretanto, como chamariz do número redondo que se aproximava, tinha prometido uma prenda gráfica, vá lá saber-se o que isso é :-) Aqui ficam. Não é um Picasso, é o que se arranja ;-)

Imagem vencedora do Wolpress Press Cartoon 2007 categoria Gags (antes de a "estragar")	~~	Imagem adaptada do Thomas' Spinning Tops Collection Ver também: Rua da Tradição

Haverá uma prenda gráfica para o respectivo visitante. Ver o contador "sitemetter" aqui à direita. Basta colocar nos comentários algo como "fui eu". Não sendo 100 mil exacto mas superior, também não faz mal (desde que ainda não existe aqui o tal comentário).


* toparam a piada (seca)? lol

Vá lá saber-se porquê, o Google decidiu dar-me um código promocional de 100€ para o AdWords, o seu serviço de anúncios na web. Já que a cavalo dado não se olha o dente, durante este mês estarei a estoirá-lo aqui no Fliscorno. Daí, não se surpreendam se virem coisas como esta:



Daqui a um mês estarei de volta a este assunto para relatar o resultado da experiência.

Posterous é mais um serviço de edição e alojamento de blogs.

Mais um. No entanto...

No entanto tem uma funcionalidade maravilha que o Blogger ainda não tem, vá lá saber-se porquê. Falo da possibilidade de publicar por email, o que Blogger já faz, mas publicando igualmente as imagens que existam no email - coisa que o Blogger não faz.

Comecei a usar este serviço hoje e ainda está à experiência:

http://fliscorno.posterous.com


Particularidades:

• Os conteúdos multimédia, docs, pdfs, imagens, etc. enviados por email são alojados e publicados no blog. Esta coisa trivial poupa uma trabalheira!!!
  
  
• Quem possuir diversos serviços (Tweeter, Flickr, outros blogs) tê-los-á actualizados em simultâneo. Por exemplo, o post anterior foi publicado no Posterous e foi automaticamente adicionado ao Blogger. Apesar de ter melhor aspecto no Posterous.
  
  
• Nas FAQ é explicado em detalhe como são processados os diversos conteúdos presentes no email. Vale uma visita.
  

Mas, experimente por si mesmo. Envie um mail para post@posterous.com e veja como funciona. Ao enviar o mail, será criado de imediato um blog com o conteúdo desse email e, em seguida, poderá configurar o resto do blog.

Bem, hoje o tema é diferente. Encontrei uma nova funcionalidade no blogger (publicar em data futura) e aproveito a embalagem para deixar umas dicas.

1. Publicar em data futura
   Imaginem que pretendem fazer um post que só seja publicado em certa data. Por exemplo, usar um dia do fim de semana para publicar todos os posts da semana seguinte; ou ter horas certas para publicação (fidelização de audiência). Já existem plataformas de blog que fazem isto mas no blogger ainda está em testes. Por isso:
   
   a) em vez de entrar no blog como hábito, fazer o login por este endereço: http://draft.blogger.com/
   
   b) iniciar a escrita do post e abrir as opções (Post Options / Opções da mensagem);
   
   c) colocar a data de publicação. Ficará online quando essa data for atingida.


2. Aumentar a probabilidade dum texto ser encontrado pelo Google
   Se clicarem no título deste post e observarem o endereço que fica no browser, verão que o título do post não corresponde ao endereço. O blogger cria automaticamente o endereço do post (URL) a partir do respectivo título. Ora acontece que as palavras nos URL têm peso elevado no motor de pesquisa, pelo que isto tem duas desvantagens:
   
   a) se o título contiver caracteres portugueses (acentos, cedilhas, ...), estes simplesmente não farão parte do URL. Isto diminui as possibilidades do post ser encontrado pelo Google;
   
   b) se se quiser usar um título mais criativo que não inclua palavras chave do texto, isto diminui as hipóteses do post ser encontrado.
   
   Para contornar este inconveniente, colocar no título do post as palavras chave do artigo (sem acentos nem cedilhas: usar "C" em vez de "Ç"; "A" em vez de "Á"; etc.), publicar e depois voltar a editar o post. Colocar então o título definitivo.


3. Outras técnicas para ajudar o Google
   i. Quando no decorrer do texto se focar algo que já foi abordado no blog, colocar um link. Como este: sobre a precariedade laboral.
   
   ii. ao incluir imagens, editar o HTML e preencher o campo alt. Exemplo:
   <img src="......"     alt="preencher aqui">
   
   iii. Gastar algum tempo a registar o blog em directórios de blogs.
   
   
4. Coerência temática
   Procurar manter o blog focado numa temática constante ou então claramente organizado segundo as temáticas abordadas. Um novo visitante gastará apenas breves segundos a para decidir se o blog lhe interessa. Voltará se encontrar um assunto que lhe interesse e esperará encontrar mais sobre esse assunto. Este post é nitidamente uma ilustração do que não se deve fazer: escrever sobre informatiquíces num blog de política! LOL

Publicado no Klandestino e no Fliscorno.