⇐ Clique aqui para expandir o post. ⇒

sábado, junho 13, 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, junho 12, 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, junho 11, 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, junho 10, 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>: