Web Dois Ponto Zero

Versão para telemóvel do seu site

noreply@blogger.com (luisj) — Tue, 13 Mar 2012 18:23:00 +0000

Para ilustrar como pode criar a versão telemóvel do seu site, exemplificarei o que fiz com um dos meus sites, neste caso concreto o profelectro

Na barra lateral direita desse meu site, está um link (imagem) que dá acesso à versão telemóvel deste site, conforme produzida pela wirenode.

O resultado é (neste momento)

Clicando num dos artigos temos algo como

Clicando em "See original mobile friendly", temos acesso à página original, mas "filtrada" pelo Google Web Optimizer, que é uma aplicação que optimiza páginas de sites da internet, para uma melhor leitura em telemóvel.

Isto é resultado de uma integração da aplicação wirenode com o endereço google http://www.google.co.uk/gwt/n

Este endereço google também pode ser usado isoladamente (via pc ou telemóvel) e permite, uma vez introduzido um url de um site/página qualquer adaptá-la para visualização via telemóvel.

Cool!

Lawrence Lessig - Free Culture

noreply@blogger.com (luisj) — Fri, 03 Sep 2010 16:48:00 +0000

Lawrence Lessig é um professor de Direito na Universidade de Stanford que, na era digital, mais tem defendido a difusão livre do conhecimento por oposição ao ferrolho dos direitos de autor. É que, embora concordando que esses mesmos direitos de autor têm todo o cabimento para a protecção do trabalho dos autores e respectiva remuneração, não é menos verdade que se caiu num exagero que tem relegado o contraponto aos direitos do autor, a difusão do conhecimento e consequente enriquecimento das sociedades, para um recanto que nega todas as perspectivas de equilíbrio entre os dois conceitos em disputa.
Como ele próprio diz:

Na linguagem comum, devo dizer que os direitos de autor são uma «propriedade» é algo enganador, pois a propriedade dos direitos de autor é um tipo estranho de propriedade [...] eu compreendo o que estou a levar quando levo a mesa de piquenique que uma pessoa pôs no pátio das traseiras. Estou a levar uma coisa, a mesa de piquenique, e depois de a levar a pessoa fica sem ela. Mas quando levo a boa ideia que a pessoa teve ao colocar uma mesa de piquenique no pátio das traseiras - indo, por exemplo, ao Sears comprar uma mesa e colocando-a no meu pátio das traseiras? Nesse caso, que é que estou a levar?
A questão não é apenas sobre o carácter objectivo de mesas de piquenique vs. ideias, se bem que seja uma diferença importante. A questão é que neste caso - na verdade em quase todos os casos menos numa pequena gama de excepções - as ideias dadas ao mundo são livres. Eu não tiro nada a uma pessoa quando copio a forma como ela se veste - apesar de poder parecer esquisito se a copiar todos os dias [...]
Em vez disso, como disse Thomas Jefferson (e isto é especialmente verdade quando copio o estilo de vestir de alguém): «Quem recebe uma ideia minha, recebe conhecimento sem diminuir o meu; do mesmo modo que quem acende a sua vela na minha recebe luz sem me escurecer.»

Lessig bate-se por uma difusão das ideias e do conhecimento que a todos aproveitará sem prejudicar ninguém. Alguns, como a indústria discográfica, continuam a lutar contra moinhos de vento... mas a realidade já os ultrapassou.

Lessig escreveu o livro Free Culture que se tornou a bíblia da nova cultura digital e a difusão e utilização das ideias que pululam pelo mundo, especialmente o digital.

Um livro que vale a pena ler!

E aqui fica ele: Acho que Lessig não se vai importar :-)

LINK

Se se interessa por estes temas, pode ainda navegar pelo site do autor e pelo site do movimento free culture

Crie e utilize a sua assinatura

noreply@blogger.com (luisj) — Wed, 01 Sep 2010 11:11:00 +0000

A utilização de uma 'assinatura digital' (não confundir com a assinatura digital que lhe permite a execução online de formalidades administrativas, pois são coisas completamente diferentes) está agora mais facilitada com a existência do site que vos apresento neste post: o MyLiveSignature.

A assinatura criada poderá depois ser usada em qualquer sítio, como em blogues para assinatura dos posts, no correio electrónico, etc.
Vamos então à demonstração de como criar a sua assinatura, pronta a usar.
Como poderá comprovar o processo é extremamente simples.

Passo 1: Início

Vá atè à página http://www.mylivesignature.com/mls_create_signature.php

Esta página permite-lhe escolher entre criar a sua assinatura usando um 'wizard' de ajuda; desenhar a sua própria assinatura no ecrã, utilizando o rato; ou usar uma imagem que você próprio scaneou a partir da sua assinatura 'normal'.
Para efeitos de demonstração iremos usar o primeiro tipo de processo - utilização do wizard.
Clicando pois nessa opção, vamos ter a um novo ecrã.

Passo 2: Escrever o seu nome

Nesse ecrã, escreva o seu nome e clique em Next Step

Passo 3: Seleccionar a fonte

Aqui chegados, pode ver que lhe são apresentadas 120 assinaturas utilizando fontes diferentes. Depois de explorar bem todas as hipóteses, estamos em crer que alguma lhe agradará. é este o passo que demorará mais tempo, fruto das muitas opções que dispomos.
Escolha-a e clique em Next Step.

Passo 4: Escolher o tamanho.

Tem dez tamanhos à escolha. Na figura seguinte apenas mostramos os cinco mais pequenos.
Escolha um e clique em Next Step

Passo 5: Escolher/Alterar a cor do fundo e a cor da letra

é isso. Se não quiser que a letra da sua assinatura seja preta nem que o fundo da mesma seja branco, é aqui que deve proceder à alteração. A seguir clique em "Next Step"

Passo 6: Escolher a Inclinação.

É verdade. Pode escolher uma de entre dez inclinações para a sua assinatura. Entre os zero graus e os 45º.
Depois, clique em Next Step.

Passo 7: Conclusão.

Terminou.
neste ecrã final poderá:
- Solicitar a animação da sua assinatura (serviço pago)
- Fazer o download da sua assinatura (no formato jpg)
- Obter o código html para poder inserir a sua assinatura em qualquer página online

Neste ecrã, mais abaixo, poderá ir ainda até ao site do WiseStamp, onde poderá fazer o download do programa que lhe permitirá personalizar a sua assinatura de email.
Com esse programa poderá construir uma espécie de cartão de apresentação digital, que poderá apensar automaticamente ao final das suas mensagens de email.
Nesse cartão poderá inserir a sua assinatura (como a criámos aqui), nº de telefone, endereço de email, site pessoal, e os seus contactos nas várias redes sociais.
Vejam como ficou o meu:

Como vêem, é fácil... e barato.

Don DeLillo - Submundo: Genial

noreply@blogger.com (luisj) — Thu, 26 Aug 2010 22:20:00 +0000

Este livro é um portento. São oitocentas e tal páginas que formam uma obra-prima, uma bíblia da vida moderna. O autor, narra-nos a história da Guerra Fria, dos anos 40 até à queda do Muro de Berlim, mas o livro, suportado por esse lastro fala-nos da vida tal como ela é. Toda. Da infância aos parentes desaparecidos, dos encontros e desencontros amorosos, dos indigentes e vagabundos que povoam as nossas cidades, das vocações e idealismos à vida real, das drogas à tecnologia. Imagine um tema que forma vivência humana e ele está retratado neste maravilhoso livro.
Já li num blogue que o livro perde pela estrutura. Não concordo. Mais, depois de o lermos de enfiada ficamos que a estrutura não poderia ser outra. Isso até pode nem ser verdade, mas nem pensamos nela, tal a forma brilhante que o livro está escrito. O facto de o autor não narra todo livro de uma forma cronológica e sequencial não minimiza (antes pelo contrário, na minha opinião) em nada a sua qualidade.
Trata-se de um livro genial, de um autor genial que só agora descobri. Já pesquisei e fiquei a saber que tem muitos livros anteriores. É óbvio que começarei desde já a comprá-los e lê-los. O próximo será "Ruído Branco" que, tanto quanto percebi, trata do tema da influência das (novas) tecnologias no nosso modo de vida, tema esse que muito me interessa.
Não percam pois mais tempo e corram a comprar o livro. São vinte e poucos euros do mais bem empregue que pode existir.

Autor: Don DeLillo
Título: Submundo
Editora: Sextante Editora
Tradução: Paulo Faria
Número de Páginas: 840
Data de Edição: Abril 2010
Ano de Edição Original: 1997
ISBN: 978-989-676-014-4

Ficam aqui duas impressões que preenchem a contracapa e as badanas do livro, precisamente aquelas com que mais me identifico.

Submundo é o maior, o mais audacioso romance de sempre. Simultaneamente uma repetição, um resumo e um avanço em relação a tudo o que fez antes, é um colosso literário, ao mesmo nível que qualquer um (e ultrapassando a maior parte) dos maiores romances que planam na imensidade da mitologia americana.
Geoff Dyer, Sunday Telegraph

DeLillo escreve de maneira belíssima... Submundo pede a nossa completa atenção. A recompensa será a sua enorme profundeza, a sua prosa brilhante e o sentimento de que, uma vez acabada a leitura, nos tenhamos tornando um pouco mais sábios.
Peter McKay, Daily Mail

Colocar uma Caixa Twitter no seu blog(ger)

noreply@blogger.com (luisj) — Sun, 22 Aug 2010 20:38:00 +0000

Já vos falei em post anterior do serviço do Twitter, o @AnyWhere.
Aqui vai mais uma funcionalidade desse serviço, que permite que adicione ao seu blogue (a cada post) uma caixa que permitirá aos seus visitantes, através de um simples clique, fazer o RT de uma mensagem indicando o seu post/blogue.
Vejam como fazer:

Passo 1:

Vá até à página do @AnyWhere e crie uma aplicação. É muito simples, basta fornecer alguns dados do seu blogue, como mostramos na figura abaixo.

Passo 2:

Depois de ter registado a sua aplicação no @AnyWhere, ser-lhe-á fornecido o código (javascript) que deverá introduzir no seu blog(ger)

Passo 3:

De seguida, entre no seu Painel do blogger, edite o seu HTML, e Expanda os seus Widgets

Passo 4:

Procure

</head>

e meta o código javascript que obteve no passo 2., logo acima. Grave o seu Design.

Passo 5:

Procure

<data:post.body/>

e coloque, imediatamente abaixo, o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link=&quot;<data:post.url/>&quot;;
twttr.anywhere(function (T) {
T(&quot;#bp_tweetBox&quot;).tweetBox({
width: 560,
label: &quot;Partilhe este post - Clique no botão Tweet abaixo. Grato.&quot;,
defaultContent: &quot;RT @luisj <data:post.title/>&quot;+&quot; &quot;+bp_tweet_link
});
});
</script>
</b:if>

Grave o seu Design.

Veja se funcionou!
Abraços.

Gerir várias contas do Gmail fazendo apenas um login

noreply@blogger.com (luisj) — Wed, 11 Aug 2010 23:09:00 +0000

Por uma ou outra razão, a maioria de nós precisa de ter várias contas/endereços de correio electrónico do gmail. E não há problema nenhum em criá-las. As dores de cabeça começam na sua gestão, pois numa sessão de net, a actualizar os nossos blogs, visitar os nossos sites preferidos em que é preciso login, ect. estamos constantemente a precisar de fazer logins e logouts do Gmail.
Ora isso não é nada prático.
Mas, como diz o provérbio, só a morte é que não tem solução.
Neste caso a solução consiste em redireccionar (forward) automaticamente todas mensagens de todas as contas/endereços para uma úncia conta, que é, pois, aquela que manteremos sempre aberta depois de nos logarmos.
E isso é muito fácil de fazer.
Aqui ficam os passos para aqueles que ainda não conhecem a solução.

1. Faça o login na sua Conta Primária do Gmail (a Conta Primária é aquela onde quer receber todos os mails provenientes das outras contas).

2. Clique no link "Configurações" localizado na parte superior do ecrã do Gmail.

3. Seleccione o botão "Contas e Importação" e depois clique em "Enviar email de outro endereço".

Então verá uma outra janela, onde deverá digitar o endereço de email da sua conta secundária (aquela cujas mensagens quer que vão automaticamente parar à primária).
Digite pois o seu endereço do gmail secundário na caixa "Endereço de e-mail" e depois clique no botão "Próxima etapa" que se encontra abaixo.

5. Depois do passo anterior, verá outra janela aparecer, onde deve clicar no botão "Enviar confirmação". Isto é uma maneira de o Google verificar se as contas são mesmo suas. O que eles fazem é enviar para a sua conta secundária uma mensagem com um código de verificação e um link para confirmar que recebeu essa mensagem, e que não está a querer importar mensagens de contas/endereços que não são seus.

6. Na janela seguinte aparece então o local para você inserir o tal código de verificação que a Google enviou para o seu endereço secundário, para saber se era seu. Depois de recolhido (terá de fazer login na sua conta secundária para o poder recolher e confirmar, clicando num link da mensagem, que a recebeu) e introduzido esse código, clique no botão "Enviar confirmação" - aqui você está a provar que a conta secundária é mesmo sua.

(Os passos seguintes devem ser feitos no seu endereço primário de email)

8. Clique no separador "Marcadores" localizado perto do "Contas e Importação", depois de ter clicado no link "Configurações". Aí encontrará uma caixa. Escreva o nome do seu novo marcador/etiqueta que identificará a sua conta secundária. Clique no botão "Criar". (nota: nomeie a etiqueta como "segunda conta do gmail", ou com o nome que quiser, mas lembre-se que todos os emails que receba dessa conta, virá identificada com essa etiqueta).

9. Depois de criar o "Marcador", o próximo passo é criar um novo Filtro. Clique no separador "Filtros" localizado perto do separador "Marcadores"
Depois clique no botão "Criar um novo Filtro" e verá uma nova janela.
Digite o seu endereço de email secundário no campo "Para:" e clique no botão "Próxima Etapa" (veja a imagem abaixo)

10. No ecrã seguinte irá seleccionar o Marcador que criou no passo 8.
Marque a caixa "Aplicar o marcador" e depois seleccione o Marcador que criou no passo 8.
Finalmente, clique no botão "Criar Filtro"

Agora, todos os emails que lhe enviarem para o seu endereço secundário do gmail irá para o marcador que escolheu.

11. Finalmente, faça login na sua conta secundária, clique em "Configurações" e depois seleccione "Encaminhamento e POP/IMAP". Na caixa que lhe aparecer, seleccione "Redireccionar uma cópia das mensagens para" e digite o seu endereço primário.
Clique em "Guardar Alterações" (veja imagem abaixo).
Ser-lhe-á solicitado um procedimento de confirmação idêntico ao que lhe foi pedido no ponto 6., agora para confirmar que a conta primária é sua. Segurança acima de tudo. E não é caso para menos.

E resulta! Querem ver:

Pode repetir os passos para mais contas que tenha, dando-lhe, obviamente nomes de "Marcadores" diferentes.
Abraços.

A Educação "segundo a Google": as propostas de Jeff Jarvis

noreply@blogger.com (luisj) — Mon, 09 Aug 2010 22:54:00 +0000

Em post recente falei do livro da figura acima.

Como prometido então, aqui ficam as propostas referentes à área da Educação.

Quem precisa de uma universidade quando se tem a Google? Todo o conhecimento digital do mundo está disponível numa pesquisa. Podemos ligar aqueles que querem saber com aqueles que sabem. Podemos ligar os alunos aos professores mais adequados para eles (que podem ser colegas estudantes). Podemos encontrar especialistas de qualquer área. Os manuais escolares já não necessitam de estar petrificados em páginas, mas podem ser ligados a informação e debate; podem ser produtos de colaboração, actualizados e corrigidos, respondendo a perguntas e fazendo questionários, até mesmo a cantar ou a dançar. Não há motivo para os meus filhos estarem limitados aos cursos de uma escola; agora mesmo podem fazer cursos online de nada menos que o MIT e Stanford. E não há motivo para eu, há muito saído da faculdade, não poder também frequentar esses cursos.
Pode suspeitar que, por ser professor, vou agora sair desta litania de oportunidades com uma pirueta retórica e demonstrar porque é que devemos preservar as universidades tal como elas são. Mas não vou. Claro que valorizo a academia e a sua tradição e não pretendo que sejam destruídas. Mas tal como qualquer outra instituição examinada neste livro está a enfrentar desafios fundamentais à sua essência e existência na era Google, a educação também está. Na verdade, a educação é uma das instituições mais merecedoras de ruptura, e uma das que têm mais oportunidades para resultar.
Chame-me utópico, mas eu imagino uma nova ecologia educacional em que os estudantes podem fazer cursos em qualquer sítio e os instrutores podem seleccionar quaisquer estudantes, em que os cursos são cooperativos e públicos, em que a criatividade é promovida como a Google a promove, em que aprender com os erros é valorizado em detrimento da uniformidade e segurança, em que a educação continua para além dos 21 anos, em que os testes e diplomas importam menos que um portefólio de trabalho, em que a economia de oferta pode transformar qualquer pessoa com conhecimentos num professor, em que as competências de pesquisa e de raciocínio e cepticismo são valorizadas em detrimento das capacidades de memorização e cálculo, e em que as universidades ensinam uma abundância de conhecimento àqueles que o desejam, em vez de gerirem uma escassez de lugares na sala.

Quem tem autoridade para dizer que a universidade é o único ou até o melhor local para aprender? Will Richardson, que ensina colegas educadores a utilizar a Internet na sala de aula, escreveu uma carta aberta aos seus filhos, Tess e Tucker, no seu blogue, Webbloged.com: «Quero que saibam que não têm de ir para a universidade se não quiserem, que existem outros caminhos para alcançarem esse futuro, que podem ser mais instrutivos, com mais significado e mais relevantes do que tirar uma licenciatura.» Ele disse que a educação os pode levar a salas de aula e conduzi-los a uma certificação, mas também pode implicar aprender através dos jogos, comunidades e redes construídas em torno dos seus interesses. «Em vez do pedaço de papel na parede a dizer que são especialistas, vocês vão ter um leque de produtos e experiências, reflexões e conversas que mostram as vossas competências, os vossos conhecimentos e que tornam tudo transparente. Será composto por um corpo de trabalho e de uma rede de aprendizes a quem recorrerão ao longo do tempo, que irão evoluir como vocês evoluem e que vão capturar o vosso conhecimento mais importante», transmitiu ele aos filhos.
Se é isto a educação, como será uma universidade? Fiz essa pergunta no meu blogue e o empresário e tecnólogo Bob Wyman (que trabalha para a Google) respondeu resumindo a universidade e identificando os seus papéis-chave: ensinar, testar e pesquisar. Vou adicionar um quarto papel não oficial: a socialização. E vamos examiná-los na ordem inversa.
A socialização é, obviamente, a razão-chave pela qual vamos à universidade e mandamos para lá os nossos filhos. Os adultos vêem a universidade como um processo de maturação e de independência e responsabilidade aumentadas. Os estudantes, por seu lado, podem vê-la como um processo de fugir aos pais. O que seja. Jeffrey Rayport, um consultor e professor da Harvard Business School, sentou-se comigo no Harvard Club em Nova Iorque e contou-me que este tinha sido idealizado por um licenciado da universidade que não gostava muito da atmosfera rígida da escola ao estilo de Cambridge. No clube, ele criou aquilo que esperava que Harvard tivesse sido: madeira de tons quentes e lareiras, o Harry Potter sem a pompa e o kitsch, a experiência – a Disney World – da educação. Eu acho que há um momento para ter essa experiência e viver com os nossos pares. As pessoas idosas têm essa experiência. Os meus pais vivem em Sun City Center, Florida, uma cidade onde ninguém com idade inferior a 55 anos pode legalmente viver. Porque não ter cidades de jovens de onde os residentes são despejados aos 30 anos: Melrose Place University?
Mas a sério… Se uma pessoa tem o luxo de possuir tempo e recursos para explorar o mundo antes de se dedicar a um emprego e a uma hipoteca, fantástico. Essa exploração pode tomar a forma de viajar de mochila às costas pela Ásia, dormir numa residência de estudantes ou alistar-se na Peace Corps. Ou, hoje em dia, pode até significar criar uma empresa. A juventude pode ser a nossa idade mais criativa e produtiva. Bill Gates, Mark Zuckerberg e os rapazes da Google deixaram a escola em diferentes níveis para dar início aos seus gigantes empresariais. Devemos forçar os jovens a frequentarem a escola durante dezoito, dezasseis ou mesmo doze anos, tentando que todos pensem da mesma forma, antes de fazerem coisas? Em vez do chamamento perene para sujeitar a nossa juventude ao serviço militar obrigatório – que acha disto como um meio de desperdiçar um recurso precioso? -, não os deveríamos estar a ajudar a encontrar e alimentar as suas musas?
Talvez tenhamos de separar a juventude da educação. A educação dura para sempre. A juventude é o tempo para dedicar à exploração, maturação e socialização. Podemos querer criar uma reserva em torno da juventude, como a Google faz em torno dos seus inventores, para estimular e desafiar os jovens. E se disséssemos aos estudantes que, tal como os engenheiros da Google, eles deveriam tirar um dia por semana, ou uma disciplina por período, ou um ano da universidade para criar algo: uma empresa, um livro, uma música, uma escultura, uma invenção? A escola poderia agir como incubadora, aconselhando, incentivando e promovendo as suas ideias e os eu esforço. O que aconteceria? Grandes coisas e coisas medíocres. Mas iria forçar os estudantes a assumirem maior responsabilidade por aquilo que fazem e para fugir da camisa-de-forças da uniformidade. Levá-los-ia a fazer perguntas antes de lhes serem dadas respostas. Poderia revelar-lhes os seus próprios talentos e necessidades. O céptico vai dizer que nem todos os estudantes são suficientemente responsáveis ou têm iniciativa própria. Talvez. Mas como iremos saber quais são as capacidades dos estudantes sem que os coloquemos em posição de tentarem? E porquê estruturar a educação para todos segundo o denominador mais baixo da maioria?
Outro subproduto de uma sociedade universitária é a sua rede – a sua rede de velhos amigos, como nós, de modo sexista, se não mesmo apropriado, lhe chamávamos. Durante muito tempo aquele clube manteve valor por arranjar empregos, contratar e fazer contactos. Mas agora que temos a maior máquina de ligações de sempre, a Internet, ainda necessitamos daquela velha máquina para ligações? O LinkedIn, o Facebook e outros serviços permitem-nos criar e organizar redes extensas (qualquer amigo seu…) que têm origem não só na escola, mas também no emprego, em conferências, em apresentações, até em blogues. Membros do Skull and Bones em Yale e graduados da Harvard Business School podem objectar, mas enquanto populista da Internet, louvo a ideia de que as velhas redes poderiam ser ofuscadas por novas meritocracias. O Facebook não trouxe apenas uma organização elegante às universidades, poderia suplantá-las enquanto criador de redes.
O próximo papel da universidade vai ser mais difícil de promover numa arquitectura distribuída. A investigação, pura e direccionada, é um valor da academia que o mercado sozinho não pode suportar. A não ser que tenha um valor de mercado e seja custeada por uma empresa, a investigação tem de ser subsidiada por fundações, legados, doações e dólares dos impostos, e muitas vezes pela paixão generosa do investigador. Esse vai continuar a ser o caso. A pergunta é se a investigação vai ser feita em escolas ou em grupos de especialistas e se vai ser feita por professores ou por pensadores pagos. Existem poucos motivos para a investigação ter de ser realizada no campus por académicos e poucos motivos que justifiquem que esses académicos não possam trabalhar em redes mais vastas. A investigação há muito que é um processo mais do que um produto, uma vez que os ensaios são revistos por pares e os resultados da investigação são replicados. Agora ainda é mais assim, uma vez que a investigação está a Berta online em websites, blogues e wikis e uma vez que os seus conteúdos são ligáveis e pesquisáveis via Google (que fornece um serviço de pesquisa para trabalhos académicos em scholar.Google.com). Esta abertura convida a contribuições, colaborações e revisões.
O próximo papel da universidade é o teste e a certificação: a atribuição de diplomas e a ordenação de especialistas. A ideia de uma certificação de educação obtida uma vez em toda a vida e de tamanho único – o diploma – parece mais absurda à medida que o conhecimento e as necessidades se alteram. Existem melhores indicadores de conhecimento e pensamento do que um diploma? Porque é que a educação tem de parar aos 21 anos? Os diplomas tornam-se datados. A maior parte do que fiz na minha carreira exigiu que aprendesse novas lições – muito depois da formatura – sobre tecnologia, negócios, economia, sociologia, ciência, educação, direito e design. Ultimamente, aprendi muitas destas lições em público, no meu blogue, com a ajuda dos meus leitores. É por isso que incentivo outros académicos a escreverem em blogues e a serem desafiados pelo público. Acho que isto deveria contar como trabalho publicado. É escrever em blogues ou morrer, digo eu.
Os nossos portefólios de trabalho online, pesquisáveis pelo Google, tornam-se os nossos novos CVs. Neil McIntosh, um editor do The Guardian, escreveu num blogue que quando entrevista jovens candidatos para empregos de jornalismo online, espera que eles tenham um blogue. «Não há razão para um estudante de jornalismo não ter um quando quer trabalhar online», escreveu. «Além disso, a qualidade do blogue é verdadeiramente importante, porque me permite ver se alguém é mesmo bom, sem edição e inteiramente auto-motivado.» O nosso trabalho, a nossa antologia de criações, opiniões, curiosidades e companhia, diz muita coisa sobre nós. Antes de uma entrevista de emprego, qual é o empregador que não pesquisa no Google o nome do candidato (uma prática proibida por lei na Finlândia, já agora)? O nosso medo é que os empregadores vão encontrar fotografias embaraçosas de bebedeiras nas férias, mas essa é mais uma razão para nos certificarmos de que eles também encontram os nossos blogues e trabalhos completos.
Por vezes, os empregadores vão exigir certificação. Aqui, tal como Wyman diz, é que entram os testes: exames para certificar que as novas equipas de médicos, advogados e informáticos sabem o que fazem. Mas estes exames são, muitas vezes, feitos por organizações profissionais – como comités médicos e a Ordem dos Advogados – e não por escolas. A preparação para esses exames é levada a cabo por empresas de preparação para exames e ensino comercial como a Kaplan. As universidades cederam-lhes este mercado. Ainda assim, fazer testes é algo que faz sentido; é a nossa garantia contra o cirurgião cidadão (ou seja, a nossa garantia de que o cidadão é qualificado). Faz mais sentido testar os estudantes depois de terem aprendido uma matéria do que antes. Os testes feitos antes de a formação começar – exames de admissão – poderão servir melhores os estudantes se descobrirem não aquilo que eles sabem mas antes aquilo que precisam de saber. Entre testes de aptidão escolar e exames mandatados pelas leis No Child Left Behind nos EUA, estamos a sucumbir a uma tirania de testes que «comoditiza» a aprendizagem. O sistema tenta tornar todos os estudantes iguais.
Por fim, chegamos ao âmago, o valor real de uma universidade: ensinar. Aqui violo a minha própria primeira lei quando digo que o controlo completo da educação de uma pessoa nem sempre deve pertencer ao aluno. Pois uma vez que embarcamos na aprendizagem, é frequente não sabermos aquilo que não sabemos. Ou, em vocabulário Google, não sabemos o que pesquisar. O professor ainda tem um papel e valor: se quer aprender a arranjar um computador, ou a operar um joelho, ou se deseja perceber mais de metafísica, então entrega-se a um professor que domina um programa de estudos para orientar a sua aprendizagem. Quando é claro o que se quer aprender – como editar um vídeo com o FinalCut, como falar francês -, é possível um estudante usar livros, vídeos ou experimentação para se ensinar a si mesmo. A Internet também torna mais fácil a ligação de professores e alunos – veja o TeacherStreet.com, que apenas em duas cidades tem 55000 professores, instrutores, tutores, explicadores e turmas, segundo o Springwise. Não iria lá para aprender a fazer uma cirurgia, mas poderei ir para obter ajuda com o meu alemão enferrujado.
Um benefício da universidade distribuída e ligada é que os alunos podem escolher os professores. Os professores universitários não vão poder descansar no cargo que ocupam (falo como alguém que o tem), pois irão progredir segundo o mérito. Actualmente, os professores universitários são classificados em sites como o RateMyTeachers.com, mas os alunos ainda são prisioneiros do corpo docente da sua escola. Se pudessem fazer cursos em qualquer sítio, iria surgir um mercado de instrução que deveria levar a que os melhores emergissem: a universidade agregada. Os professores também poderiam escolher os melhores alunos. Uma turma tornar-se-ia uma equipa escolhida a dedo que poderia investigar um tema enquanto grupo, partilhar num blogue o seu processo colectivo de descoberta ou escrever um manual e deixar um registo das suas perguntas mais frequentes e das suas respostas para a próxima turma ou para o público (o que são os cursos senão FAQs?). Esse produto irá ser pesquisável e poderá fornecer um meio para os futuros alunos encontrarem e avaliarem cursos e professores. É SEO educacional, trazer a épica transparência da Internet para a sala de aulas.
Seriam criados novos modelos para a educação. Um podia ser a educação por subscrição: subscrevo um professor ou instituição e espero que eles me forneçam nova informação, desafios, perguntas e respostas ao longo dos anos. Muitas escolas dão aos graduados cursos de reciclagem e actualização; na Graduate School of Journalism da City University de Nova Iorque, chamamos a esta oferta, a nossa garantia dos 100000 quilómetros. Mais do que uma turma, a educação poderia ser um clube: juntamo-nos para aprender e ensinar em conjunto, por vezes transferindo a tarefa de ensinar uma determinada matéria para o melhor aluno. A educação peer-to-peer funciona bem online como podemos ver nos serviços de aprendizagem de línguas como o Livemocha, em que os professores de uma língua se tornam alunos noutra e em que qualquer pessoa na sua economia de oferta pode criticar e ajudar qualquer aluno. É uma rede de aprendizagem.
Na sala de aula, real ou virtual, a Google força os educadores a ensinar de modo diferente. Porque é que ainda estamos a ensinar os alunos a memorizar factos quando os factos estão disponíveis mediante pesquisa? A memorização não é uma disciplina tão vital como o satisfazer a curiosidade com pesquisa e raciocínio quando os estudantes reconhecem o que não sabem, fazem perguntas, procuram respostas e aprendem com o julgá-las a elas e às suas fontes. A Internet e a literacia da Google deveriam ser ensinadas para ajudarem os alunos a examinarem os factos cuidadosamente e a avaliarem a sua fiabilidade.
Existe uma universidade pós-Google? Sim, estas instituições são demasiado grandes, ricas e valiosas para desaparecerem. Mas tal como qualquer outra instituição na sociedade, elas deveriam remodelar-se em torno de novas oportunidades. As universidades têm de perguntar qual o valor que acrescentam às transacções educacionais: na qualificação de professores, ajudando os alunos a criar currículo, fornecendo plataformas para aprendizagem. Temos de perguntar quando e porque é que é necessário estar na mesma sala com colegas e professores. O tempo da sala de aula é valioso mas nem sempre necessário. Muitos programas profissionais de MBA encontraram formas de limitar o tempo em conjunto para que a educação não interrompa a vida. A Berlin School of Creative Leadership (de cujo conselho consultivo faço parte) tem estudantes a encontrarem-se em cidades por todo o mundo, de modo a poderem aproveitar os conhecimentos locais. As universidades podem tornar-se maiores que os eu campus, e ao juntarem interesses e necessidades especiais de todo o mundo, também se podem tornar mais pequenas, centrando-se em nichos de conhecimento enquanto deixam outros tópicos para outras instituições. As escolas vão fazer igualmente aquilo que melhor sabem, ligando-se ao resto. Isto requer que elas tornem o seu conhecimento aberto e pesquisável; é a Google que o exige.
Como é que as universidades vão funcionar como uma empresa? Para citar o antigo professor do MIT e compositor satírico Tom Lehrer, relativamente ao famosos engenheiro espacial alemão que veio para a NASA: «”Uma vez que os foguetões estejam no ar, quem se importa onde eles vão cair/não é o meu departamento», diz Wernher von Braun.» Se eu ensinasse três cadeiras de três créditos por semestre durante dois semestres a 20 alunos por cadeira e se eles pagassem o que pagam à minha universidade apoiada pelo Estado – cerca de 250 dólares por crédito -, isso resultaria em 90000 dólares, que é o que recebo (não o faço pelo dinheiro). Num mercado competitivo, os alunos pagariam 750 dólares pelas minhas aulas? Isso depende da qualidade do meu ensino, da reputação da universidade e do estado da concorrência. Se eles pagarem essa quantia, não sobra qualquer dinheiro para a universidade. Seriam necessários fundos para apoiar a sua estrutura, como os oriundos agora de subsídios públicos ou privados. Não parece um modelo sustentável.
Ainda assim, olhemos para a Universidade de Phoenix, para a Kaplan University e outras empresas de ensino profissionais com fins lucrativos que surgiram, cujo objectivo é ensinar aos alunos o que eles precisam de saber para os seus empregos. Não são academias como Oxford, mas desempenham uma função e trabalham como empresas. Elas cobram mais por crédito/hora que a minha instituição estatal, mas menos que as universidades privadas de prestígio. Penso mesmo que irão surgir muitas empresas empreendedoras dedicadas à educação, à medida que a Internet for possibilitando um novo mercado para a aprendizagem. Talvez diferentes entidades mantenham diferentes papéis. Para aprender programação de bases de dados, vai-se para a Kaplan; para aprender o empreendedorismo necessário para criar uma nova Google, vai-se para Stanford.
No seu blogue oficial, a Google deu um conselho aos estudantes, não sobre onde deveriam aprender, mas sobre o que deveriam aprender. Jonathan Rosenberg, vice-presidente sénior de gestão de produto, escreveu no blogue que a empresa está à procura de «competências de resolução de problemas não rotineiros». O seu exemplo: o método rotineiro para solucionar o problema de verificar a ortografia seria o usos do dicionário. O método não rotineiro é verificar todas as correcções que as pessoas fazem à medida que refinam as suas buscas e usar isso para sugerir novas ortografias para palavras que não constam em nenhum dicionário. Rosenberg disse que a Google procura pessoas com cinco competências: raciocínio analítico («começamos com dados; isso significa que podemos falar sobre o que sabemos, em vez daquilo que pensamos que sabemos»); competências de comunicação; disposição para experimentar; capacidade de jogar em equipa; paixão e liderança. «No mundo real, os testes são todos um livro aberto, e o seu sucesso é inexoravelmente determinado pelas lições que recolhe do mercado livre», explica.
O melhor conselho de Rosenberg para estudantes e universidades: «É fácil educar para a rotina e difícil educar para o que é novo.» A Google evoluiu porque viu o novo. O nosso sistema educativo está a preparar os alunos para trabalharem para a Google ou para criarem Googles?, pergunto-me.

Posts Relacionados com Imagens Miniatura (Thumbnails) - Widget para Blogger -

noreply@blogger.com (luisj) — Sat, 07 Aug 2010 18:02:00 +0000

Se abrirem um qualquer post deste blogue e forem lá abaixo, quase ao fundo da página, poderão ver o novo widget que agora vou explanar: a forma de inserir, no final de cada post, um conjunto de links para posts relacionados com aquele que estão a ler. A novidade aqui é que esses links são acompanhados de uma imagem miniatura/thumbnail, retirada precisamente do post em questão (o relacionado).

É muito simples e de belo efeito.

Passo 1:

Inicie a sua sessão no blogger
Vá para o seu Painel
Clique no separador Design
Clique em editar HTML
Marque a caixa Expanda os Widgets do Template

Passo 2:

Procure, no código do seu blog, o seguinte:

</head>

Depois, substitua-o pelo seguinte código:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAKoTchZMTegkmIbq5R1ALuRKH_MpSPhcxTlTIx1hxHOuFkrcSOqayvK100OYEAx6K-irUyhrT57iyxmiERYSBUpdBJg6Y4jREjCpm6vOPHPoQxeo2r6WZaMsFO2jQFPvZybkifOI_NWM/s400/noimage.png";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Posts Relacionados";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

Passo 3:

A seguir, procure:

<div class='post-footer-line post-footer-line-1'>

Se não encontrar, procure:

<p class='post-footer-line post-footer-line-1'>

Passo 4:

Qualquer que tenha sido o que encontrou, imediatamente a seguir a essa parte de código, ponha esta:

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

E é isso. Deverá resultar. Comigo resultou.

No caso de surgir algum problema, reporte nos comentários, pf.

Widget: Recomendações Facebook

noreply@blogger.com (luisj) — Fri, 06 Aug 2010 16:42:00 +0000

Um interessante widget para colocarmos na barra lateral do nosso blog(ger).
As dimensões, tipo de letra, cor da border, etc., são configuráveis.
Pode obtê-lo, num minuto, aqui.
Make your opinion!

Como montar uma imagem ISO no Windows 7, Vista e XP

noreply@blogger.com (luisj) — Wed, 04 Aug 2010 15:00:00 +0000

Todos nós já nos deparámos, quando fazemos o download de um software, com a extensão iso.
A solução que adoptamos é criar um CD (ou DVD) com a imagem desse ficheiro, de modo a termos acesso ao seu interior e assim podermos instalar a aplicação.
Tudo bem.
Mas será que vale sempre a pena estar a usar (estragar?) um CD virgem cada vez que isso nos acontece? Se calhar não.
Se calhar, na maioria das vezes, mais valeria instalar o programa directamente no nosso PC logo que fazemos o download do software.
E mesmo quando pretendemos instalar a aplicação noutros PCs, se calhar o melhor é pô-lo numa pen e usá-la sempre que necessário. Até porque os CDs não são assim tão baratos (principalmente se isto acontecer muitas vezes) e o melhor, vão por mim, é usá-los para gravar umas musiquinhas a nosso gosto para ouvir no carro ou sabe-se lá onde.

Vejam então o que deverão fazer:

1. Faça o download do software Virtual Clone Drive

2. Clique em I Agree para começar a instalá-lo

3. Clique em Next aceitando os valores apresentados por defeito

4. Clique em Install aceitando os valores apresentados por defeito

5. Clique em OK na janela “Select Device” que lhe aparece

6. Clique em Continue Anyway na janela “Hardware Installation” que lhe aparece

7. Clique em Close quando a instalação terminar

(as imagens apresentadas neste post são do XP, mas o VirtualClone Drive também é aceite pelo Vista e 7)

8. Se lhe for pedido faça o reboot do PC

E já está.

Agora é só dar um duplo clique no ficheiro isso que pretende explorar / instalar e este será automaticamente montado no virtual drive criado.
Como pode ver no Windows Explorer

Para montar uma imagem iso manualmente:

Clique da direita no ícone do VirtualClone Drive >> clique em Virtual Drive >> clique Mount

Em qualquer altura, como pode ver nas opções apresentadas na imagem, pode desmontar o ficheiro isso desse drive virtual.

Nota Final: o programa trabalha também com outros tipos de imagens/ficheiros menos usados com .img e .zbin, etc.

Outra opção é o software MagicDisc

Bons Relógios

noreply@blogger.com (luisj) — Mon, 02 Aug 2010 21:12:00 +0000

Bons relógios

PRECISION TIME WATCHES

FOSSIL WATCHES

CASIO WATCHES

SKAGEN WATCHES

DIVE WATCHES

WATCH REPAIR

O Que Faria A Google?

noreply@blogger.com (luisj) — Fri, 30 Jul 2010 17:15:00 +0000

Mesmo os leitores compulsivos como eu, quando chegam à provecta idade de 49 anos, raramente conseguem deparar-se com um livro que o surpreenda grandemente. Segredos do acaso fizeram, porém, com que os dois últimos livros que li pertençam, por razões muito diferentes, a esse grupo restrito.
Um deles é o "Submundo" de Don Delillo, um romance imenso, de que me ocuparei a seu tempo.
Neste artigo vou apresentar-vos um outro livro que fez mudar a minha maneira de ver muitas das coisas da nossa vida quotidiana:

Título: O Que Faria O Google?
Autor: Jeff Jarvis
Editora: Gestão Plus
Tradução: Catarina Espadinha
Nº de Páginas: 291
Título original: What Would Google Do?
Ano de Edição original: 2009
Ano de Edição em Portugal: 2010
ISBN: 978-989-811-543-0

A tese do livro é que os engenheiros, designadamente os da Google, têm uma aproximação diferente da dos gestores, às situações do dia a dia. E, sendo jovens, juntam a essa característica a irreverência, não vêem porque não se pode resolver os problemas duma forma mais directa, em benefício das pessoas, sensata enfim, em contraposição com os gestores, e não só, que fazem tudo, utilizam todas as burocracias e truques, para "enganar" o cliente.
É essa a razão principal, no entendimento do autor, do enorme êxito da Google, a empresa com o crescimento mais rápido de sempre, potenciada pelo desenvolvimento tecnológico para o qual contribuem também, num círculo virtuoso imparável.
E é precisamente graças ao derrube das vacas sagradas realizado pelo google que algumas empresas iniciaram uma abordagem idêntica e conquistaram os respectivos mercados, aproveitando as oportunidades que esta nova ordem proporciona.
É também este movimento que está a levar, através das redes sociais, dos blogues, a uma maior participação e conquista de poder por parte do "povo anónimo". O autor parte, aliás, dum caso famoso em todo o mundo e que começou consigo a publicar no seu blogue um post arrasando a Dell, depois de ter comprado um computador daquela marca, defeituoso, e de, apesar de inúmeras e cansativas 'démarches', não ter resolvido o problema. O post foi lido por milhares de pessoas, muitas que o comentaram, linkaram a partir dos seus próprios blogues, e contaram os seus casos. A bola de neve ganhou um tamanho tal que, quando digitávamos Dell no Google, os primeiros resultados eram links relacionados com o blog de Jeff Jarvis.
Aí a Dell pôs os pés à parede e foi obrigada a resolver o problema com o autor, aproveitando, de caminho, para mudar a forma de relacionamento com os seus clientes, criando uma rede com eles e não deixando de responder a todas as situações, o que a levou a recuperar a posição perdida e sendo hoje um caso exemplar de sucesso na relação com os clientes, nesta idade da web 2.0. Bem vindos à era google.
Depois o autor desenvolve o livro, dando sugestões para que, praticamente, todos os ramos de negócio (empresas de tecnologias, jornais, editoras, seguros, imobiliárias, educação, governos, etc.) e nós próprios mudemos a nossa postura defensiva e entre neste novo mundo em que o poder vai cada vez mais tendendo para as pessoas. As empresas que não o fizerem estarão condenadas. O fundamental é a criação e manutenção de uma rede social de relações próximas entre as empresas/instituições e os seus utilizadores/clientes. O cliente é a melhor forma de publicidade das marcas, os gastos monstruosos com anúncios a que ninguém liga já teve a sua época, para desgosto e reacção negativa de muita gente ainda.
Algumas das sugestões para certas actividades são um pouco forçadas, mas a maioria não, antes pelo contrário, são muito bem esgalhadas, com sentido, espécies de ovo de colombo, fáceis de tomar em teoria, mas difíceis porque implicam uma mudança radical do status quo de certas empresas, negócios, actividades, governos, profissões, etc. Como todas as mudanças aliás. Só que esta inexorável e madrasta para quem não a adoptar.
E o autor, tal como sugere, aplica a si próprio os seus ensinamentos, sendo que muitas das propostas para a maioria das empresa, negócios, profissões, etc. foram longamente discutidas no blogue do autor, ajudando o autor a escrever o seu livro (o poder está nas pessoas). Blogue esse que se mantém e que podem consultar como complemento do livro, um complemento ' always in progress!

Reparo final:
Tentei 'ser amigo' do autor no Facebook e não consegui pois o mesmo já tem muitos pedidos não respondidos.
Segui-o no Twitter e vejo que a relação entre seguidores e seguidos é imensa.
Mais um caso de 'bem prega Frei Tomás?...' Um caso a seguir, sem dúvida.

Como professor de profissão, postarei aqui e no meu blog dedicado a assuntos profissionais, as sugestões do autor para o ramo.

Já está: as propostas para a área da Educação. Aqui no blogue e no profelectro (disponível em Setembro).

Criação de Image Maps com o Gimp

noreply@blogger.com (luisj) — Sun, 11 Jul 2010 21:35:00 +0000

Um exemplo de image map é aquele que apresento acima. Mesmo para quem não se lembrava é fácil agora associar a muitas que já viu enquanto navegava na Internet.
Trata-se de um belo efeito, no meu exemplo utilizado para permitir levar os visitantes para todos os meus blogs, duma forma gráfica mais apelativa, mas cujas utilizações estão apenas dependentes das necessidade e imaginação de cada um.
Ainda por cima é uma coisa que se faz num par de minutos, com a ajuda de um programa editor de imagens gratuito e tão bom como o milionário Adobe Photoshop. Falo, obviamente, do Gimp.

Então vamos lá ver como se faz tudo em 5 curtos passos.

Passo 1: Criar ou encontrar a imagem que quer utilizar

Partindo do princípio que, como eu, ainda não tem a imagem que quer usar como map, basta-lhe usar o Word, por exemplo, para inserir as várias imagens que vão servir à criação da image map.
Pode coloca-las na disposição que quiser:

Depois é só capturar a imagem que construiu.
Utilize, por exemplo, a tecla PrintScreen e depois abra a imagem no Paint.
Se pretender ser um pouco mais sofisticado, utilize um programa de captura de ecrã, por exemplo o MWSnap, que pode descarregar gratuitamente aqui.

Passo 2: Criação do mapeamento da imagem

Tendo já a imagem mapa criada, abra-a no Gimp.

Clique em Filter >> Web >> Image Map

Abrir-se-á uma janela nova, que é aquela em que irá trabalhar, isto é, criar a sua image map.
Faça então agora:
Mapeamento >> e escolha a figura geométrica com que quer recortar a sua imagem.
Tem disponível Flecha, Rectângulo, Círculo e Polígono.

À medida que vai recortando a imagem nos vários pedaços, em cada pedaço a que proceda ao corte, surgir-lhe-à de imediato uma outra janela onde deve colocar o URL para onde quer que o visitante se dirija quando clicar nessa (parte da) imagem, ou seja é o link. Preencha também o texto alternativo que pretende que o seu visitante veja quando coloca o rato sobre sem clicar) essa parte da imagem.

Repita o passo para o resto das subimagens.

Passo 3: Ver o código obtido

Clique em Ver >> Código
para ver o código do ficheiro que vai obter

Passo 4: Gravar e Publicar

Grave o ficheiro.
Verá que obtém um ficheiro com a extensão .map
Não se preocupe.
Agora, no explorador do Windows, altere a extensão do ficheiro de .map para .html
E pronto tem a página pronta a utilizar. Faça o seu upload para o seu servidor.

No caso de ter um blog, faça o upload do ficheiro .html bem como da imagem original, para o seu servidor (têm obrigatoriamente de ficar na mesma pasta do servidor remoto.

Depois é usar o código de iframe num dos posts do seu blog (ou na sua barra lateral, ou onde quiser, no seu blogue), para inserir o ficheiro .html que acabou de criar e de fazer upload.

Foi o que eu fiz.

Se algo correu mal, ou se expliquei algo deficientemente, coloque o problema nos comentários, por favor.

Boa sorte.

Como alterar a cor de fundo dos títulos dos posts do seu blogue

noreply@blogger.com (luisj) — Thu, 08 Jul 2010 20:48:00 +0000

Como podem ter constatado, alterei a cor do fundo dos títulos dos posts do meu blog.

Caso pretenda fazer o mesmo, siga os seguintes passos:

1. Entre no Painel do seu blog

2. Clique no separador Design

3. Clique no separador Designer de Modelos

4. Clique em Avançadas

5. Faça scroll e clique na opção Adicionar CSS

6. Escreva o seu código CSS, que no meu caso foi:

.post-title {background-color:#2C6E88;}

de forma a ficar com a cor de fundo dos títulos do meus posts igual à cor de fundo da barra lateral.

7. Veja o seu blogue, abaixo na janela aberta, pois este reflectirá de imediato essas alterações.

8. Se ficar agradado com o resultado, clique em Aplicar ao Blog.

E é tudo.
Muito fácil, como vêm.

Expandir (Short) Links em Sites/Blogues

noreply@blogger.com (luisj) — Fri, 02 Jul 2010 12:43:00 +0000

Os compressores de links permitem reduzir o tamanho de certos links enormes. Sobretudo no Twitter, mas não só, são de grande utilidade.
Em muitas páginas são também utilizadas com a propósito por razões práticas e estéticas.
Tudo bem.
Só que, com o tudo, há um reverso da medalha. Olhando para eles, não fazemos a mínima ideia onde nos vão conduzir. Só clicando sabemos a que página correspondem.
Normalmente não há qualquer problema, mas já tem acontecido ser conduzido a sites de conteúdos sexuais explícitos, páginas com malware, páginas sem qualquer relevância para o assunto, etc.
Para evitar essas dúvidas ou suspeitas sobre os seus links comprimidos, sempre que os coloque, por qualquer motivo, pode agora usar o hack seguinte, que permite que ponha no seu blog um botão cuja função é descomprimir/expandir o short link para o link "normal" correspondente.
Assim, os visitantes do seu blog ficarão mais descansados.
No caso de ser você a navegar numa página em que a desconfiança seja da sua parte, existe também um link/botão que pode adicionar à sua barra de ferramentas e em que pode clicar quando visita qualquer página e desconfia dos short links aí presentes. Bastará então clicar nesse botão na barra de ferramentas do seu browser e todos os short links dessa página serão transformados nos links verdadeiros.

Vamos então vercomo se faz.

1. Uma demonstração

http://tinyurl.com/39t6ox5

Home Page

Slashdot

tinyurl.com/2gwyv

Clique no botão acima e verá, após refresh da página, os links reais para onde será conduzido, em vez dos short links que apareciam anteriormente na página. No caso em que os links correspondem a uma palavra/frase (ex: Slashdot) bastará colocar o rato sobre esse link para ver a página de destino na barra ao fundo do seu ecran.
O que acontece com os outros também, aliás.

2. Se quiser colocar um destes botões no seu site, basta colocar o seguinte código:

<input type="button" value="Embiggen" onclick='Embiggen={"runNow":true}; var s=document.createElement("script"); s.type="text/javascript"; s.src="http://ghill.customer.netspace.net.au/embiggen/embiggen.js"; document.getElementsByTagName("head")[0].appendChild(s);'></input>

3. Se pretender ter um botão na sua barra de ferramentas do browser, para poder expandir os short links de qualquer página em que navegue, clique e arraste o link seguinte para a sua barra de ferramentas/bookmarks, e ficará pronto para poder fazer isso no futuro.

Expandir

Fica assim:

Surpreenda os visitantes do seu blog com uma Caixa de Boas-Vindas

noreply@blogger.com (luisj) — Fri, 25 Jun 2010 22:30:00 +0000

Este hack permite apresentar uma caixa de boas-vindas aos visitantes do seu blog. E, ainda por cima, com mensagem personalizada que tem em conta a página de onde vem esse visitante do seu blog (google, facebook, twitter, digg, etc.).
Vamos ver então como fazer:

Passo 1:

Vá até ao Painel do seu blog --> Desugn --> Editar HTML --> Marque a caixa "Expandir modelos do widget"

Passo 2:
Procure o seguinte código

<data:post.body/>

Passo 3:

Substitua esse código por:

<script src='http://www.profelectro.info/Uploads/luisj/TextToBeDisplayedDiv.js' type='text/javascript'>
</script>
<div id='mainDisplayDiv' style='background:#F8F8FF;border:1px solid #B6AFA9;display:none'>
<div style='float: right; margin-right: 5px; margin-top: 5px;'>
<href a='#' onclick='closeGreetBox(&apos;7&apos;)'><img alt='x' border='0' src='http://img214.imageshack.us/img214/9837/closebutton.gif'/>
</href></div>
<div id='dynamicContentDisplayed'>
</div>
<script type='text/javascript'>
// Give your feed url here
var feedURL = &quot;http://feeds2.feedburner.com/bestwidgets&quot;;
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById(&quot;dynamicContentDisplayed&quot;).innerHTML = dynamicHTMLText;
</script>
</div>
<script src='http://www.profelectro.info/Uploads/luisj/HideShowDiv.js' type='text/javascript'>
</script>
<script type='text/javascript'>
showHideDiv();
</script>
<br/><data:post.body/>

Passo 4:

Finalmente, no código anterior, substitua

http://feeds2.feedburner.com/bestwidgets

pelo URL do Feed do seu blog.

Aqui ficam 3 dos exemplos de resultados obtidos:

É simples!
Boa sorte!

Como seleccionar todos os amigos do Facebook - com screencast -

noreply@blogger.com (luisj) — Wed, 09 Jun 2010 14:23:00 +0000

Uma coisa irritante no Facebook acontece quando desejamos seleccionar todos (ou quase todos) os nossos amigos para, por exemplo, lhe sugerirmos um grupo, uma página, etc.
Com esta dica, que descobri recentemente, esse calvário terminou.
Vejam como se faz! É muito fácil:

Apenas temos que clicar no link do Facebook "Suggest to your friends".
Quando a janela pop-up com os seus amigos se abrir, basta colar na barra de endereço o seguinte código e dar Enter, e voilá!

javascript:elms=document.getElementById('friends').getElementsByTagName('li');for(var fid in elms){if(typeof elms[fid] === 'object'){fs.click(elms[fid]);}}

Se ainda tem dúvidas, veja o screencast que preparei para si:

Record your screencast online

Bye!

Permita que os Visitantes Aumentem ou Reduzam o tamanho da letra (fonte) do seu blogue

noreply@blogger.com (luisj) — Fri, 21 May 2010 13:18:00 +0000

Uma das regras de ouro quanto à boa acessibilidade dos sites/blogues é a possibilidade de o visitante poder aumentar ou diminuir o tamanho de letra do mesmo.
E isso é mais fácil do que, geralmente, se pensa.

Experimente manter a tecla Ctrl pressionada e fazer rolar a roda do seu rato. Surpreendente, hein?
E, se o seu rato não tem roda, ou pretende um ajuste mais fino, não se vá já embora. Experimente manter a tecla Ctrl pressionada e vá dando impulsos nas teclas + e/ou -
Como vê é muito fácil.
Mas, como sugerido no que escrevi, muitos dos visitantes do seu blogue desconhecem certamente esta funcionalidade.
Daí a utilidade de se colocar um link/botão/ícone para que o tamanho da letra do seu blogue/site possa ser aumentada (o mesmo para reduzir o tamanho).
É disso que vamos tratar de seguida.

Passo 1:

Vá ao Esquema do seu blog
Edite o HTML
Expanda os widgets
Procure

<head>

Copie, logo para baixo dessa tag, o seguinte código:

<script language="JavaScript" type="text/javascript">
function changeFontSize(inc){
var p = document.getElementsByTagName('p');
for(n=0; n<p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace("px", ""));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + 'px';
}
}
</script>

Passo 2:

Procure

]]></b:skin>

Logo acima coloque o seguinte código:

.textresize {
padding-left:20px;
padding-top:5px;
}

Passo 3:

Procure

<div class=’post header-line-1>

Logo abaixo, coloque o seguinte código:

<a href="javascript:changeFontSize(1)">Aumentar tamanho da letra</a>
<a href="javascript:changeFontSize(-1)">Diminuir tamanho da letra</a>

Em vez das frases "Aumentar tamanho da letra" e/ou "Diminuir tamanho da letra", pode usar o texto que quiser ou,até, uma imagem/botão/ícone, como tenho aqui neste blog.

Boa sorte!

Mostre o número de visitas dos seus posts

noreply@blogger.com (luisj) — Fri, 14 May 2010 12:01:00 +0000

Uma função que o blogger não tem de raiz é a contagem de visitas de cada um dos nossos posts, isto é, o número de vezes que foram já vistos pelos visitantes do blog.

Este tweak, que abaixo vos passarei, permite que essa função seja adicionada, indicando esse número em todos os posts e páginas do seu blogger.
Mais, esse contador aparecerá também na página principal do blog.
Podem comprovar isso mesmo aqui neste blogue.

Mas então como se faz? Muito simples:

Passo 1:
Vá ao Esquema >> Editar HTML do seu blogue;
Expanda os Modelos de Widget.

Passo 2:
Encontre a linha de código:

<div class='post-header-line-1'>

Passo 3:
Logo abaixo dela insira o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/><img alt='counter' expr:src='&quot;http://demo.bloggerwidgets.cz.cc/counter.php?page=&quot; + data:post.id + &quot;&amp;digit=4&quot;'/>  <b>Views</b><b:else/><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/><img alt='counter' expr:src='&quot;http://demo.bloggerwidgets.cz.cc/counter2.php?page=&quot; + data:post.id + &quot;&amp;digit=4&quot;'/>  <b>Views</b></b:if>

That´s all!
Se não conseguir ou algo correr mal, utilize a caixa de comentários para reportar. Obrigado.

Reparar o TweetDeck

noreply@blogger.com (luisj) — Thu, 06 May 2010 16:25:00 +0000

Estive quase uma semana sem o Tweetdeck e ia morrendo. Literalmente. Apesar de viciado do Twitter, com o Tweetdeck brecado não arranjei solução durante todo esse tempo. Dei voltas e voltas: googluei à procura de solução, desinstalei e instalei um ror de vezes a aplicação e o Adobe Air, instalei muitas outras desktop solutions (Seesmic, digbsy, etc.) mas nenhuma me satisfez. Fiquei completamente out.
Até que, finalmente, descobri a solução. Porque não quero que ninguém passe pelo mesmo que eu, aqui fica ela.

Como apagar o ELS (Encrypted Local Store) do meu Tweedeck

Windows XP

1. Feche o TweetDeck
2. Clique no botão Inciar do seu PC
3. Clique em Painel de Controlo
4. Clique em Opções de Pastas
5. Clique no separador Ver
6. Marque a caixa Mostrar Ficheiros e Pastas Ocultos
7. Desmarque a caixa Ocultar Ficheiros Protegidos do Sistema Operativo
8. Clique OK
9. Abra a sua drive C: no Explorador do Windows ou no O Meu Computador
10. Abra a pasta Documents and Settings
11. Dentro desta pasta deve ter uma subpasta com o mesmo nome que usa como seu nome de utilizador nesse PC (nome de utilizador que usa quando faz o login para entrar no XP). Abra essa pasta.
12. Deverá ver uma pasta chamada Application Data. Abra-a.
13. Aí deverá encontrar uma pasta chamada Adobe. Abra-a.
14. Aí deverá encontrar uma pasta chamada AIR. Abra-a.
15. Aí deverá encontrar uma pasta chamada ELS. Abra-a
16. Aí deverá encontrar uma pasta chamada TweetDeckFast.FFFxxx (em que xxx é uma série de números e letras). Apague essa pasta.
17. Reinicie o TweetDeck
Mesmo que o TweetDeck não fique logo bom, não desespere já. Desligue o seu computador e quando o reiniciar, pode ser que o TweetDeck já funcione. Foi o que aconteceu com o meu.

Windows Vista/Windows 7

1. Feche o TweetDeck
2. Clique no botão Iniciar do Seu PC
3. Clique em Painel de Controlo
4. Clique em Opções de Pastas
5. Clique no separador Ver
6. Marque a caixa Mostrar Ficheiros e pastas Ocultos
7. Desmarque a caixa Ocultar Ficheiros Protegidos do Sistema OperativoClick OK
8. Abra a sua drive C:
9. Abra a pasta Utilizadores / Users
10. Dentro dessa pasta deverá existir uma pasta com o mesmo nome que utiliza para fazer login quando liga o seu PC e tenta entrar no Vista, isto é, o seu Username do Vista. Abra essa pasta.
11. Dentro dela deverá haver uma pasta com o nome AppData. Abra-a.
12. Dentro dela deverá ter uma pasta com o nome Roaming. Abra-a.
13. Dentro desta, por sua vez, haverá uma pasta com o nome Adobe. Abra-a.
14. Lá dentro verá uma pasta com o nome AIR. Abra-a.
15. Dentro dela encontre uma pasta com o nome ELS. Abra-a.
16. Finalmente (ufa!), dentro dela terá uma pasta chamada TweetDeckFast.FFFxxx (onde xxx é uma cadeia de números e letras). Apague essa pasta.
17. Reinicie o TweetDeck.

Mac OS

1. Abra Finder
2. Dentro de Places, clique no seu directório Home directory (aquele que está etiquetado com o seu username)
3. Dentro do seu directório Home directory, Navegue por Library > Application Support > Adobe > AIR > ELS
4. Deverá então encontrar aí uma pasta com o nome TweetDeckFast.FFFxxx (onde xxx é uma cadeia de letras e números). Apague essa pasta. (Se não encontrar aí nenhuma pasta com o nome TweetDeckFast.xxx , então navegue até: Library > Preferences e apague a pasta TweetDeckFast aí)
5. Reinicie o TweetDeck

Linux

1. Navegue até ~/.appdata/Adobe/AIR/ELS/
2. Aí deve encontrar uma pasta com o nome TweetDeckFast.FFFxxx (onde xxx é uma cadeia de letras e números). Apague essa pasta.
3. Reinicie o TweetDeck

Social Bookmarking Widget for Blogger, com função de autoscroll

noreply@blogger.com (luisj) — Fri, 30 Apr 2010 11:00:00 +0000

Se quiser colocar no seu Blog(ger) um widget como aquele que aparece no lado esquerdo do ecrã do meu blog, e que permite enviar os posts para as redes sociais Facebook, Twitter e Google Buzz, siga os seguintes passos:

Passo 1:
Vá ao Esquema do seu blog
Edite o HTML

Passo 2:
Procure por

]]></b:skin>

Passo 3:
Imediatamente antes coloque o sehuinte código:

#share_scroller {
left:0;
position:fixed;
top:700px;
}
#share_button {
left:0;
position:fixed;
top:700px;
width:80px;
}
#shares {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
background-color:#FE6602;
border-color:#A5A5A5 #E8E7E7 #A5A5A5 #A5A5A5;
border-style:solid;
border-width:1px;
bottom:100px;
margin-top:10px;
position:fixed;
width:63px;
}
#shares .SMVote {margin:7px}
div.SMGap {background-color:#E3E3E3; height:1px; width:35px; margin:5px auto;}
/* FB button (shrink width) */
.fb_share_count_top {width:48px!important}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px!important}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px!important;}

Passo 4:
Procure

<body>

Passo 5:
Imediatamente abaixo coloque:

<div id='share_scroller'>
<div id='share_button'>
<div id='shares'>
<div class='SMVote'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='SMGap'/>
<div class='SMVote'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
</div>
</div>
</div>

Passo 6:
Grave

Passo 7:
Diga comigo: Niiiice!

Mário Crespo - A Última Crónica / Livro

noreply@blogger.com (luisj) — Thu, 29 Apr 2010 13:40:00 +0000

Mário Crespo é um jornalista sobejamente conhecido. Mas o que faz dele uma pessoa especial é, nesta época de "fartar vilanagem" em que a ganância predomina, e o medo prevalece, não calar a sua voz para denunciar as injustiças deste país.
Vamos ser claros. O que causa todo este mal estar social não é a falta de competitividade e produtividade como nos bombardeiam todos os dias, mas sim a ganância individualista, as vigarices que campeiam por todo o lado, a falta de valores e solidariedade, a supremacia da mentira.
É óbvio que todos somos culpados, mas quem nos governa e gere as grandes organizações económicas têm uma responsabilidade acrescida.
Por isso Mário Crespo denuncia com vigor e coragem toda a sacanagem que por aí circula. E mais, não o faz genericamente, como alguns outros, num discurso redondo que, passe o pleonasmo, não tem ponta por onde se lhe pegue. Não, Mário Crespo põe os nomes nas coisas e pessoas que denuncia.
Para que não fique isolado e à mercê do sistema que critica,merece apoio. Para que a liberdade que todos desfrutamos possa continuar a ser exercida.
Aqui fica esta pequena e singela homenagem.
E, já agora, leiam o livro!

Autor: Mário Crespo
Título: A Última Crónica
Prefácio: Henrique Medina Carreira
Editora: Alétheia Editores
Ano de Edição Original: Fev. 2010
Número de Páginas: 238
ISBN: 978-989-622-239-0

O Palhaço

O palhaço compra empresas de alta tecnologia em Portugal Rico por milhões, vende-as em Marrocos por uma caixa de robalos e fica com o troco. E diz que não fez nada. O palhaço compra acções não cotadas e num ano consegue que rendam 147,5 por cento. E acha bem. O palhaço escuta as conversas dos outros e diz que está a ser escutado. O palhaço é um mentiroso. O palhaço quer sempre maiorias. Absolutas. O palhaço é absoluto. O palhaço é quem nos faz abster. Ou votar em branco. Ou escrever no boletim de voto que não gostamos de palhaços. O palhaço coloca notícias nos jornais. O palhaço torna-nos descrentes. Um palhaço é igual a outro palhaço. E a outro. E são iguais entre si. O palhaço mete medo. Porque está em todo o lado. E ataca sempre que pode. E ataca sempre que o mandam. Sempre às escondidas. Seja a dar pontapés nas costas de agricultores de milho transgénico, seja a desviar as atenções para os ruídos de fundo. Seja a instaurar processos, seja a arquivar processos. Porque o palhaço é só ruído de fundo. Pagam-lhe para ser isso com fundos públicos. E ele vende-se por isso. Por qualquer preço. O palhaço é cobarde. É um cobarde impiedoso. É sempre desalmado quando espuma ofensas ou quando tapa a cara e ataca agricultores. Depois diz que não fez nada. Ou pede desculpa. O palhaço não tem vergonha. O palhaço está em comissões que tiram conclusões. Depois diz que não concluiu. E esconde-se atrás dos outros vociferando insultos. O palhaço porta-se como um labrego no parlamento, como um boçal nos conselhos de administração, e é grosseiro nas entrevistas. O palhaço está nas escolas a ensinar palhaçadas. E nos tribunais. Também. O palhaço não tem género. Por isso para ele o género não conta. Tem o género que o mandam ter. Ou que lhe convém. Por isso pode casar com qualquer género. E fingir que tem género. Ou que não o tem. O palhaço faz mal orçamentos. E depois rectifica-os. E diz que não dá dinheiro para desvarios. e depois dá. Porque o mandaram dar. E o palhaço cumpre. E o palhaço nacionaliza bancos e fica com o dinheiro dos depositantes. Mas deixa depositantes na rua. Sem dinheiro. A fazerem figura de palhaços pobres. O palhaço rouba. Dinheiro público. E quando se vê que roubou, quer que se diga que não roubou. Quer que se finja que não se viu nada. Depois diz que quem o viu o insulta. Porque viu o que não devia ver. O palhaço é ruído de fundo que há-de acabar como todo o mal. Mas antes ainda vai viabilizar orçamentos e centros comerciais em cima de reservas da natureza, ocupar bancos e construir comboios que ninguém quer. Vai destruir estádios que construiu e afinal ninguém queria. E vai fazer muito barulho com as suas pandeiretas digitais, saracoteando-se em palhaçadas por comissões parlamentares, comarcas, ordens, jornais, gabinetes e presidências, conselhos e igrejas, escolas e asilos, roubando e violando porque acha que o pode fazer. Porque acha que é regimental e normal agredir violar e roubar. E com isto o palhaço tem vindo a crescer e a ocupar espaço e a perder cada vez mais vergonha. O palhaço é inimputável. Porque não lhe tem acontecido nada desde que conseguiu uma passagem administrativa ou aprendeu o inglês dos técnicos e se tornou político. Este é o país do palhaço. Nós é que estamos a mais. e continuaremos a mais enquanto o deixarmos cá estar. A escolha é simples. Ou nós, ou o palhaço.
Jornal de Notícias, 13/12/2009

As Couves de Bruxelas

A esquerda portuguesa no Parlamento Europeu uniu-se contra Nuno Melo por uma questão de etiqueta. PS, PCP e BE acham que não foi de bom-tom interpelar o procurador Lopes da Mota no plenário em Estrasburgo sobre a sua tentativa de manipulação da justiça. De lado ficaram as históricas diferenças das Internacionais catalogadas por números. Acabaram-se as subtis variantes do que deve ser um matrimónio entre dois homens ou duas mulheres. Foram-se as vibrantes divergências programáticas dos enunciados de Engels, Bakunine e Trotsky.
Tudo porque estão envergonhadíssimos com o ultraje às boas maneiras que foi o questionamento do CDS-PP ao presidente do Eurojust. Estranha coligação, perigosa a deriva para o comodismo das conveniências que, simultaneamente, Ilda Figueiredo (PCP), Correia de Campos e Edite Estrela (PS) e Miguel Portas (BE) denotaram ter. Todos puxaram pelos galões de apparatchiks instalados para,com o olho crítico de conhecedores da inacção prolongada, lançar uma excomunhão conjunta sobre Nuno Melo por ter levantado o tema.
Traduzida por miúdos, a reacção do grupo expedicionário da esquerda portuguesa foi: aqui não se fazem ondas. Come-se e cala-se. Correia de Campos achou a interpelação a Lopes da Mota «parola e reveladora de atraso cultural». O antigo ministro de Sócrates sentia-se confortável com um alto magistrado de Portugal com poderes condicionados pelo seu comportamento no Freeport à frente do Eurojust. Mas acha mal que o assunto, já do conhecimento de toda a Europa, seja abordado no Parlamento Europeu. Isso, para Correia de Campos, é atitude que «prejudica a posição e o prestígio do país», rematando com um notável «no estrangeiro somos todos descendentes de Vasco da Gama».
Certo. Seremos isso. Mas essa estirpe ilustre não nos obriga a ser cúmplices de Lopes da Mota nas irregularidades que o Conselho Superior do Ministério Público detectou. Pelo contrário. A distinção dessa linhagem manda que se usem todos os meios para não deixar que o nome de Portugal e a dignidade das suas instituições sejam melindrados às mãos de terceiros. Compete a portugueses interpelar, julgar e condenar Lopes da Mota. Ilda Figueiredo e Miguel Portas alinharam com paixão no auto-de-fé dos zelotes deste PS de boas maneiras. Para Portas, o deputado do CDS-PP fez tudo para ter direito a «dez segundos de glória nos telejornais». (Teve muito mais. Só eu dei-lhe 2'11''.) Para o Partido Comunista Português, as denúncias de Nuno Melo seriam «fenómeno passageiro» de político habituado a São Bento mas desconhecedor das diferenças com Estrasburgo, disse a repetente comunista em Bruxelas.
Para usar a terminologia de Correia de Campos, que «entendimento parolo» das suas funções e dos seus deveres na Europa terão adquirido estes veteranos da acomodação política? Será que a vegetativa existência de que desfrutam há tantos anos lhes destruiu o bom senso? Será que não vêem que ter um jurista suspeito (e agora culpado) de pressões ilegais à frente de um órgão judiciário internacional exige interpelações parlamentares sempre que possível? Será que não vêem que foi melhor e mais digno serem portugueses a fazê-las do que outros que as fariam de certeza, mais cedo ou mais tarde?
Jornal de Notícias, 20/12/2009

Sexy Sidebar

noreply@blogger.com (luisj) — Sun, 25 Apr 2010 16:12:00 +0000

Caso queiram adicionar um widget como aquele que aparece neste blog, do lado esquerdo do ecrã, é muito simples:

- No vosso painel do blogger, vão a Esquema e cliquem em Adicionar uma Aplicação;
- Na janela pop-up que se abre, escolham HTML/Javascript;
- Copiem para o código seguinte para o conteúdo dessa Aplicação e Gravem.
E é tudo.
Tenham apenas o cuidado de alterar a última parte do código, colocando os vossos links, que podem dizer respeito a qualquer coisa: a vossa presença na web, o vosso blogrool, uma lista de posts do vosso blog, etc.

<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/prototype.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/effects.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/side-bar.js" type="text/javascript"></script>
<style>
body{
    font-size:75%;
}
a{
    outline: none;
}
a:active{
    outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
    color:#FFFFFF;
    font-size:110%;
    font-family:arial;
    margin:10px 10px 10px 10px;
    font-weight:bold !important;
}
#sideBar h2 span{
    font-size:125%;
    font-weight:normal !important;
}
#sideBar ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#sideBar li{
    margin:0px 10px 3px 10px;
    padding:2px;
    list-style-type:none;
    display:block;
    background-color:#DA1074;
    width:177px;
    color:#FFFFFF;
}
#sideBar li a{
    width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
    color:#FFFFFF;
    font-family:verdana;
    font-size:100%;
    text-decoration:none;
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
}
#sideBar li a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}
#sideBar{
    position: fixed;
    width: auto;
    height: auto;
    top: 140px;
    left:0px;
    background-image:url(http://i49.tinypic.com/121abrq.jpg);
    background-position:top right;
    background-repeat:repeat-y;
}
#sideBarTab{
    float:left;
    height:137px;
    width:28px;
}
#sideBarTab img{
    border:0px solid #FFFFFF;
}
#sideBarContents{
    float:left;
    overflow:hidden !important;
    width:200px;
    height:320px;
}
#sideBarContentsInner{
    width:200px;
}</style>
<div id="sideBar">
        <div id="sideBarContents" style="display:none;">
        <div id="sideBarContentsInner">
            <h2>side<span>bar</span></h2>
                    <ul>
                <li><a href="#">Link One</a></li>
                <li><a href="#">Link Two</a></li>
                <li><a href="#">Link Three</a></li>
                <li><a href="#">Link Four</a></li>
                  </ul>
                </div> </div>
    <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i46.tinypic.com/ao8h9u.jpg" title="sideBar"/></a>
</div>

Ok, repararam que a minha barra não tem links de texto mas imagens.
Eis o meu código. Copiem-no e alterem a última parte para os vossos links e imagens.
Se, eventualmente, quiserem usar botões como os meu, visitem o Brilliant Button Maker e criem-nos de uma penada.
Boa sorte!

Widget recolhido de Best Blogger Widgets. Obrigado!

<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/prototype.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/effects.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/side-bar.js" type="text/javascript"></script>
<style>
body{
    font-size:75%;
}
a{
    outline: none;
}
a:active{
    outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
    color:#FFFFFF;
    font-size:110%;
    font-family:arial;
    margin:10px 10px 10px 10px;
    font-weight:bold !important;
}
#sideBar h2 span{
    font-size:125%;
    font-weight:normal !important;
}
#sideBar ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#sideBar li{
    margin:0px 10px 3px 10px;
    padding:2px;
    list-style-type:none;
    display:block;
    background-color:#DA1074;
    width:177px;
    color:#FFFFFF;
}
#sideBar li a{
    width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
    color:#FFFFFF;
    font-family:verdana;
    font-size:100%;
    text-decoration:none;
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
}
#sideBar li a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}
#sideBar{
    position: fixed;
    width: auto;
    height: auto;
    top: 140px;
    left:0px;
    background-image:url(http://i49.tinypic.com/121abrq.jpg);
    background-position:top right;
    background-repeat:repeat-y;
}
#sideBarTab{
    float:left;
    height:137px;
    width:28px;
}
#sideBarTab img{
    border:0px solid #FFFFFF;
}
#sideBarContents{
    float:left;
    overflow:hidden !important;
    width:200px;
    height:320px;
}
#sideBarContentsInner{
    width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>
Eu na<span>Web</span></h2>
<ul>
<li><a href="http://www.profelectro.info/"><img src="http://www.profelectro.info/Uploads/luisj/ligadoscorrente.png" /></a></li>
<li><a href="http://esasrenovaveis.blogspot.com"><img src="http://www.profelectro.info/Uploads/luisj/renovaveis.png" /></a></li>
<li><a href="http://www.cpeacomandoesas.blogspot.com"><img src="http://www.profelectro.info/Uploads/luisj/automacao.png" /></a></li>
<li><a href="http://musicaesquisita.blogspot.com"><img src="http://www.profelectro.info/Uploads/luisj/musicaesquisita.png" /></a></li>
<li><a href="http://www.profelectro.info/fm"><img src="http://www.profelectro.info/Uploads/luisj/fm-1958-2005.png" /></a></li>
<li><a href="http://fmstereo.awardspace.com"><img src="http://www.profelectro.info/Uploads/luisj/fm.png" /></a></li>
<li><a href="http://webdoispontozeroplus.blogspot.com"><img src="http://www.profelectro.info/Uploads/luisj/WEB20.png" /></a></li>
<li><a href="mailto:mig.pand@gmail.com"><img src="http://www.profelectro.info/Uploads/luisj/gmail.png" /></a></li>
</ul>
</div>
</div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="http://i46.tinypic.com/ao8h9u.jpg" title="sideBar" /></a>
</div>

Deixe os visitantes Tuitar a partir do seu blogue

noreply@blogger.com (luisj) — Sun, 18 Apr 2010 15:52:00 +0000

É verdade!
Agora já pode permitir que os visitantes do seu blogue possam tuitar para o mundo a partir do seu blogue/site, podendo permitir-lhes inclusive o envio de mensagens personalizadas, como por exemplo para feedback sobre os seus artigos/posts/blogue.
E é muito rápido e simples.
Para comprovar, vá até ao fundo da minha barra lateral e experimente.
Também o pode fazer a partir deste post, como já estará, certamente, a ver.
Veja como pode incorporar esta funcionalidade no seu blogue, abaixo, neste mesmo post.

Your browser does not support iframes.

Vamos então ver como se faz.

Passo 1:

Vá até ao site @anywhere, que é propriedade do Twiiter, ele mesmo, e que lhe permitirá criar a aplicação, que acede ao twitter api.

Faça o seu registo e crie a sua aplicação. É muito fácil e rápido.

Passo 2:

Crie, na barra lateral do seu blogue, um widget/aplicação, do tipo html/script e coloque nele o seguinte código:
Nota: tenha o cuidado de colocar a sua API key em vez da minha; para além de alterar o meu twitter username para o seu.

</div>
    <style type="text/css" media="screen">
  
  .anywhere-example {
    border: 1px solid #5082A3 !important;
    padding: 0px 0px 0px 0px;
    width:200px !important;
    margin-left: 0px;
    margin-top: 0px;
  }
  .anywhere-example h4 {
    font-weight: bold;
    background-color: #5082A3;
    color:white;
    width: 200px;
    padding:0;
    margin:0;
    text-align:center;
  }
  h3 { font-weight: bold; font-size:1.1em;}
</style>
<script src="http://platform.twitter.com/anywhere.js?id=jIvIfrLGaODd37NJiqArCQ&amp;v=1" type="text/javascript"></script>
<div id="linkify-this-content" class="anywhere-example">
<div class="anywhere-example">
<center>
<div id="follow-luisj"></div>
</center>
<div class="anywhere-example">
<p>Cuidado: Estas caixas são reais. <br/>Se Tuitar, Tuíta mesmo!</p>
<p><strong>Comunique com o mundo<br/>através do twitter</strong></p>
<div id="default-tweetbox"></div>
<p><strong>Envie-nos uma mensagem<br/> personalizada através<br/> do
Twitter</strong></p>
<div id="custom-tweetbox"></div>
</div>
</div>
<div class="anywhere-example">
<div id="connect-1">
<div id="twitter-connect-placeholder"></div>
<script type="text/javascript">
var anywhereApiKey = "abcdefghi-123";
twttr.anywhere(anywhereApiKey, "1.0.0", onAnywhereLoad);
function onAnywhereLoad(twitter) {
// Simplest use case: Append a connect button to the specified DOM
// element.
twitter("#twitter-connect-placeholder").connectButton();
// Connect buttons have a range of sizes to choose from:
// small, medium, large, xlarge. "medium" is the default size.
// You can specify the size as follows:
twitter("#twitter-connect-placeholder").connectButton({ size: "large" });
};
</script>
<div id="twitter-connect-placeholder"></div>
<script type="text/javascript">
var anywhereApiKey = "abcdefghi-123";
twttr.anywhere(anywhereApiKey, "1.0.0", onAnywhereLoad);
function onAnywhereLoad(twitter) {
# Conditionally display the Connect Button based on current logged in state:
if (twitter.isConnected) {
currentUser = twitter.User.current;
screenName = currentUser.data('screen_name');
profileImage = currentUser.data('profile_image_url');
profileImageTag = "<img src='" + profileImage + "'/>";
$('#twitter-connect-placeholder').innerHTML = "Logged in as " + profileImageTag + " " + screenName;
} else {
twitter("#twitter-connect-placeholder").connectButton();
};
};
</script>
<a href="#" onclick="twttr.anywhere.signOut();">Sign
out of Twitter</a>
<script type="text/javascript">
twttr.anywhere(function(twitter) {
twitter("#linkify-this-content").linkifyUsers();
twitter("#hovercard-example").hovercards();
twitter('#follow-luisj').followButton("luisj");
twitter("#default-tweetbox").tweetBox(
{
      counter: true,
      height: 100,
      width: 180
    });
twitter("#custom-tweetbox").tweetBox(
{ counter: true,
      height: 100,
      width: 180,
label: "O que pensa do nosso Blogue?",
defaultContent: "@luisj "
});
twitter("#twitter-connect-placeholder").connectButton();
twitter.connectButton({
    authComplete: function(loggedInUser) {
     // triggered when auth completed successfully
   },
   signOut: function() {
     // triggered when user logs out
   }
});

});
</script></div>
</div>
</div>

E é tudo.
Boa sorte.

Efeito Peek-A-Boo a partir das Etiquetas dos posts

noreply@blogger.com (luisj) — Sat, 03 Apr 2010 16:56:00 +0000

Mais um efeito espectacular.

Quando clica numa etiqueta do seu blogue, aquelas etiquetas/tags com que classifica os seus posts consoante o assunto dos mesmos, os resultados são apresentados numa página, aparecendo os posts completos. Se houver muitos com essa etiqueta, a primeira página apresentará uns quantos e, no fundo, o link para ver os mais antigos. As usual...

Com este hack poderá apresentar nessa página de resultados, não os posts completos, mas apenas o título de cada um, ordenados por data, e um símbolo ao lado de cada título [+/-], símbolo este que, quando clicado, lhe expandirá e mostrará o post completo. Quando quiser, clica novamente no símbolo e o post contrair-se-á novamente, podendo então clicar, da mesma forma, no símbolo de outro post e assim examiná-lo facilmente.

É um efeito espectacular e que, quando há muitos resultados de posts com a mesma etiqueta, nos ajuda muito a examinar o conteúdo de vários posts rapidamente, pois muitas vezes, apenas pelo título, não conseguimos saber se nos interessa, isto é o seu conteúdo.

Mas a conversa já vai longa e mais do que mil palavras as imagens que se seguem são completamente elucidativas.

Depois das imagens segue-se a explicação de como podem aplicar este efeito nos vosso blogues.

1. Ecrã com lista, contraída, de posts (títulos) para tag/label/etiqueta "Blogger Hacks"

2. Ecrã depois de expandido o primeiro post da lista (efeito peek-a-boo), após clicar no símbolo [+/-] que aparece ao lado esquerdo do título de cada post.

3. Ecrã depois de expandido o segundo post da lista (antes contraí/colapsei) o anterior.

Criação do Efeito:

Passo 1:

Abra, no seu blogue, Painel >> Esquema >> Editar HTML >> Expandir templates do widget
Logo a seguir ao início do cabeçalho do seu blog (tag <head>), coloque o seguinte código:

<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>

Passo 2:

Procure no código do seu blogue, a seguinte parte:

<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

Antes dele adicione o seguinte código

<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>

Passo 3:

Procure:

<b:include data='post' name='post'/>

Antes dele insira

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>

Passo 4:

Procure (2ª instâmcia deste o início do html do blogue, uma vez que no passo anterior colocámos outra instância, como pode constatar):

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

Depois dele insira:

</b:if>

Não se esqueça que, antes de mexer no seu HTML, é conveniente gravar o seu template, podendo assim reverter todas as alterações no caso de algo correr mal.

Boa sorte!