sábado, 13 de junho de 2009

Gravatar, seu avatar no Wordpress

Nível: iniciante

Gravatar é o site que grava seu avatar. Que didático! Ao salvar sua imagem no site, sempre que você comentar em algum fórum, blog ou site que utilize o sistema, seu avatar aparecerá automaticamente, sem precisar fazer novos uploads. Bem legal!

O site tem plugins para Wordpress, Joomla, Drupal e outros gerenciadores de conteúdo, além de poder ser implementando manualmente em sites com as mais diversas linguagens de programação, o que torna o sistema quase “universal” no que se refere a gerenciamento de avatars.

Quem sabe inglês vai conseguir se virar sozinho no cadastro, mas para quem ainda fica tonto com tantas informações em “gringuês”, segue um tutorial:

1. Cadastro

:: Entre no site www.gravatar.com e clique em Sign Up:

signup

:: Digite um endereço de e-mail válido e clique no botão Signup:

image

:: Vá até sua caixa de entrada, verifique o e-mail do Gravatar e clique no link de ativação de conta:

clique-ativar

:: Complete as informações básicas de cadastro:

Nickname: Deve ser inédito. Apenas letras e números, sem espaços ou caracteres especiais.

image

:: Se o nickname já existir, aparecerá a seguinte mensagem, o que significa que você precisa escolher um nickname original e digitar tudo novamente (inclusive o password):

image

:: Quando tiver dado tudo certo, a mensagem na tela será parecida com essa:

Cadastrado

2. Upload do avatar

:: Clique no link Add one by clicking here.

:: Clique no link My computer's hard drive.

:: Clique em escolher arquivo. Busque a imagem em seu computador. Clique no botão Next.

escolher-arquivo

:: Na imagem escolhida, recorte o quadrado que será o seu avatar. Ao finalizar a seleção, clique no botão Crop and Finish!

image

:: Em seguida você classifica seu avatar. Se for um avatar decente, do seu rosto ou sua caricatura, por exemplo, clique em G. As outras classificações são para imagens censuradas:

  • PG → gestos provocativos, como fazer banana ou mostrar o dedo médio; roupas provocativas, como mega-decotes, micro-shorts, micro-saias, etc.
  • R → nudez; uso de cigarro, álcool ou drogas ilícitas; violência; profanação religiosa.
  • X → pornografia, estripamento, canibalismo e outros atos sinistros assim.
image

:: Pronto, você já tem um avatar configurado. Sempre que comentar com seu e-mail em algum site que use o sistema, sua imagem aparecerá automaticamente. Alguns blogs parceiros onde você pode testar seu avatar agora mesmo:

3. E-mails e imagens adicionais

:: Outra facilidade do Gravatar é que, com uma mesma conta, você pode cadastrar vários e-mails e usar diferentes avatars para cada um deles. Basta clicar em add new email e repetir o processo de cadastro de e-mail, do primeiro tópico.

:: Após confirmar o endereço, basta clicar em add new image para adicionar novo(s) avatars, repetindo o mesmo processo de upload de image, do tópico 2. Quando o novo avatar já estiver cadastrado, deve aparecer a seguinte tela:

escolha

:: Essa mensagem pergunta a qual endereço você deseja vincular o avatar. Isso é muito interessante porque você pode querer mostrar avatars diferentes: um para o e-mail pessoal, outro para o e-mail do blog, outro para o e-mail da empresa e quantos e-mails e avatars você cadastrar.

:: Para trocar o avatar padrão de um e-mail basta clicar no e-mail desejado, escolher a imagem e confirmar:

image

Bom trabalho!

sexta-feira, 12 de junho de 2009

Minha homenagem aos namorados ♥

Escrito nas Estrelas ★☆
s1

Tetê Espíndola

Você pra mim foi o sol
De uma noite sem fim
Que acendeu o que sou
E renasceu tudo em mim

Agora eu sei muito bem
Que eu nasci só pra ser
Sua parceira, seu bem
E só morrer de prazer

Caso do acaso
Bem marcado em cartas de tarôt
Meu amor, esse amor
De cartas claras sobre a mesa
É assim
Signo do destino
Que surpresa ele nos preparou
Meu amor, nosso amor
Estava escrito nas estrelas
Tava, sim

Você me deu atenção
E tomou conta de mim
Por isso minha intenção
É prosseguir sempre assim
Pois sem você, meu tesão
Não sei o que eu vou ser
Agora preste atenção
Quero casar com você

Bem, que eu não entendo nada de homenagem de dia dos namorados eu já sabia, mas ao menos você não pode dizer que não tentei.

Utilidade pública - Atualize seu navegador

Atualize seu Navegador

Criei o HTMHelen para poder tratar lá assuntos “técnicos” sobre web, como atualização de browser, por exemplo. Mas hoje terei que abrir exceção porque este post é feito especialmente para você, leitor assíduo ou pára-quedista do Helen Fernanda Ponto Com.

Tudo na vida evolui: as pessoas evoluem (eu acho), os carros evoluem, os computadores evoluem, as geladeiras evoluem… os navegadores que usamos para acessar páginas na internet também evoluem. Então este post é para convidar você a acompanhar essa evolução e atualizar seu navegador.

Bem, o motivo de eu estar fazendo esse apelo aqui é o seguinte: eu estava vendo as estatísticas do HTMHelen no último mês: 56.14% usam Firefox, dos quais 78.72% usam o Firefox 3. Lindo! 33.10% usam Internet Explorer, sendo que 61.26% usa Internet Explorer (IEca) 7. Quero acreditar que esses desinfelizes acessam da lan-house, da casa da sogra, do trabalho, do tele-centro e por isso não têm liberdade para instalar um navegador melhor ou de atualizar o IEca mesmo. Beleza!

Então fui olhar as estatísticas do Helen Fernanda Ponto Com no mesmo período. Quase chorei!

imageimage

Se não bastasse a maioria usar o pior navegador, só 15% usa a versão menos ruim, que é o Internet Explorer 8:

image

☼ Por que atualizar?

Navegadores antigos como o Internet Explorer 6 (lançado em 2001) não exibem sites dentro dos padrões web, são repletos de bugs, não oferecem as funcionalidades dos browsers atuais como navegação por abas ou gerenciador de downloads e estão submetidos a sérios problemas de segurança como vírus e malware.

Ainda comprometem a qualidade da exibição de sites e limitam a criação de desenvolvedores, que precisam perder tempo adaptando o site para rodar nesses navegadores obsoletos. Richard Barros

☼ Atualize o Internet Explorer

Antes de mais nada, instale o Internet Explorer 8, a nova versão do browser da Microsoft. Nem vai doer:

IE-8

☼ Qual é o melhor?

Desta vez nem vou fazer campanha para o Firefox, que é um navegador muito bom para blogueiros, webdesigners e webdevelopers. Apesar disso, eu não tenho um único navegador favorito, já que Chrome, Safari, Flock e Opera também são excelentes. Mês passado eu fiz um post chamado Meus cinco navegadores favoritos, tenho certeza de que, quando você conhecer e experimentar outros navegadores, vai descobrir as vantagens de usar qualquer um que não seja o Internet Explorer.

☼ Para quem usa IEca 6

Quem ainda usa o Internet Explorer 6 vê meu blog assim:

Print no Internet Explorer 6
Print feito no Internet Explorer 6

Então, saiba que, na verdade, meu blog é assim:

Print no Internet Explorer 8
Print feito no Internet Explorer 8

☼ Dê continuidade a essa campanha

Se você também bloga, incentive seus visitantes a manterem seus browsers atualizados. Visite o site e participe:

updateyourbrowser.net

Até mais!

quinta-feira, 11 de junho de 2009

[Desativados] Códigos de players de mp3 avulsos

Atualizado dia 22/08/2015.

Na atual versão da linguagem HTML, tocar mp3 em um site ficou bem mais simples. Confira o post Player de áudio com HTML 5.

clave-de-sol

Seguem três players mp3 em flash prontos para usar em blogs e sites. Ele são adequados para quando for disponibilizar um único arquivo em áudio e não quiser usar scripts como o Yahoo! Media Player e o Delicious Play Tagger.

Para utilizar em seu blog ou site, basta trocar o link marcado, como http://helenfernanda.uphero.com/ringtones/DougFunnie.mp3, pela URL exata de seu arquivo.

quarta-feira, 10 de junho de 2009

Script "Atualize seu navegador"

Atualize seu Navegador

Quer que seu visitante seja avisado se estiver usando um navegador defasado, como Internet Explorer 6 ou Mozilla Firefox 1? Basta inserir o seguinte código entre as tags <head> e </head>:

segunda-feira, 8 de junho de 2009

20 e poucos anos

O orkut boicotou meu perfil anterior porque tinha muitos links (odeio quando ele faz isso!), então procurei algum outro texto surrupiado para colocar lá. Me lembrei da música 20 e poucos anos dos Raimundos.

Procurando a letra descobri que quem compôs foi o Fábio Júnior, mas ignorem esse detalhe. A única versão com a qual eu me identifico é a dos Raimundos. A do Fábio é muito melosa, o que descontextualiza totalmente a minha escolha.

A versão em vídeo menos ruim que encontrei foi essa:

20 e Poucos Anos

Compositor: Fábio Júnior
Versão: Raimundos

Você já sabe
Me conhece muito bem
Eu sou capaz de ir
Vou muito mais além
Do que você imagina…

Eu não desisto
Assim tão fácil meu amor
Das coisas que
Eu quero fazer
E ainda não fiz
Na vida tudo tem seu preço
Seu valor
E eu só quero dessa vida
É ser feliz
Eu não abro mão…

Nem por você
Nem por ninguém
Eu me desfaço
Dos meus planos
Quero saber bem mais
Que os meus 20
E poucos anos…

Tem gente ainda
Me esperando prá contar
As novidades que eu
Já canso de saber
Eu sei também
Tem gente me enganando
Ah! Ah!
Mas que bobagem
Já é tempo pra crescer
Eu não abro mão…

Nem por você
Nem por ninguém
Eu me desfaço
Dos meus planos
Quero saber bem mais
Que os meus 20 e poucos anos…

Essa música é tão perfeita que fala até da minha profissão que não estou exercendo:

Tem gente ainda
Me esperando prá contar
As novidades que eu
Já canso de saber

Boa audição pra você. Até mais!

Gerador de player mp3 colorido

Atualizado dia 22/08/2015.
image

O MP3 Player é gera um tocador de áudio mp3 em flash que você pode usar em quaisquer sites. Você pode configurar o seu facilmente combinando com as cores de seu site para executar os arquivos de áudio desejados. Há quatro modelos para você escolher: