Para utilizar é bem simples, basta acrescentar no head a seguinte chamada:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Reenie+Beanie" type="text/css" />

E no seu arquivo .css configurar o font-family da seguinte forma:

font-family: 'Reenie Beanie', Arial, Helvetica;

Repare que na primeira configuração foi especificado a fonte que será utilizada family=Reenie+Beanie e esta deve de ser configurada no font-family ‘Reenie Beanie’.

Abaixo dois pequenos exemplos usando as fontes:

Fonte Reenie Beanie
Lorem ipsum dolor sit amet, pede sed quisque augue amet et dignissim, eget nonummy amet nec vitae parturient neque, aenean nibh platea. Metus dapibus elit, non auctor justo ex, aliquam in sodales molestie augue, in nostra et.

Fonte Lobster
Lorem ipsum dolor sit amet, pede sed quisque augue amet et dignissim, eget nonummy amet nec vitae parturient neque, aenean nibh platea. Metus dapibus elit, non auctor justo ex, aliquam in sodales molestie augue, in nostra et.

E ainda no Google Font Directory ao passar o mouse sobre uma fonte tem a opção de: Click to embed no qual irá aparecer especificações como opções de variação da fonte, caracteres suportados e Get the code mostrando a forma para chamar e utilizar a fonte.

Instalação:

1. Utilizando o Firefox, faça download do FireFTP.
2. Vai abrir uma popup perguntando se você realmente deseja instalar. Clique em “Instalar Agora“.

3. Quando a instalação terminar, reinicie o seu Firefox.

4. Na barra de ferramentas do seu Firefox, clique em Ferramentas FireFTP.

Configurando uma Conta:

1. Na lateral superior esquerda clique em “Create an Account“. Vai abrir uma tela que você vai preencher com os dados que são fornecidos pela sua hospedagem.

Account Name: nome que identifique a conta, pode ser o nome do seu domínio
Host: ftp.seudominio.com.br
Login: seu login (geralmente é o mesmo que você usa para acessar o seu cpanel)
Senha: sua senha
Pronto, a sua conta está configurada e pronta para ser usada.

2. Agora é só clicar em “Connect” e vai abrir uma tela como esta . No lado esquerdo você localiza as pastas e arquivos do seu computador que deseja enviar para o servidor e do lado direito fica o conteúdo do seu servidor, na verdade você só deve enviar arquivos para dentro da pasta public_html (em alguns servidores a pasta é a www), tudo que estiver nesta pasta é o que vai aparecer no seu site.
(Dê dois cliques para entrar nas pastas).

Opcional

Se deseja que o icone do FireFTP fique sempre na sua barra de favoritos, clique em: Exibir Barra de Ferramentas Personalizar e arraste o icone do FireFTP para a sua Barra dos Favoritos.

Download (pacote com 31 avatares)
Se usarem algum, não esqueçam de repassar os créditos para ele!

1. Acesse: http://settings.messenger.live.com/Applications/WebSettings.aspx
2. Faça Login.
3. Marque a Opção: Permitir que qualquer pessoa na Web veja a minha presença e me envie mensagens. Salve.
4. Clique em Criar HTML.
5. Você tem três opções: Janela, Botão e Ícone. Escolha a que desejar.
6. Copie o código gerado e coloque onde desejar que apareça no seu blog.

Eu costumo testar em 8 navegadores diferentes, e nas 3 últimas versões do IE.

Firefox + Opera + K-Meleon + Internet Explorer 8 + Netscape + Flock + Google Chrome + Safari

Como a maioria dos problemas de codificação são no IE e só é possivel ter uma versão instalada, vou dar duas dicas de programas que você pode usar para testar seus layouts nas demais versões.

Eu fiquei algum tempo procurando, pois a maioria dos programas não funcionava no Windows Vista, eu tinha sempre que testar em um computador com Windows XP.

Costumava usar o IE Tester, muito bom, ele verifica o site na versão 5.5 à 8 do IE.
Ele é leve, fácil de usar, em português e dá algumas informações extras sobre os sites.

Ontem descobri que a Microsoft criou o programa Microsoft Expression Web SuperPreview que além de mostrar como o site fica em todas as versões ainda mostra tamanho das divs, nome, e informa uma porção de coisas. Adorei! O design dele é super lindo!

Fica a dica!

Com ela você pode escolher temas para usar no seu Firefox, tudo muito simples, leve e rápido!

Baixe o complemento Get Personas
Quando você atualiza seu Firefox para a última versão, este complemento aparece automaticamente!

Vai aparecer um icone de raposinha no canto esquerdo de baixo…
Você pode gerenciar as preferências ali mesmo.

Depois é só escolher o tema que desejar na Galeria de Personas!

Para uma prévia de como vai ficar o tema, é só passar o mouse sobre a imagem…

E você pode criar suas próprias Personas também, é bem fácil, só fazer uma imagem de header e uma de footer! Clique no How To para maiores informações.

Eu estou usando essa… Mas não sei quanto tempo ela dura, tem tantas fofas que nem sei qual usar!

Fica a dica!

1. Faça download do arquivo zip.
2. Descompacte.
3. Agora é só selecionar a imagem e arrastar ela para a tela do programa!
Se é .ICO arraste para o lado esquerdo, se é .png para o lado direto.
4. Convertida a imagem é só arrastar ela para fora do programa!

Existem também conversores online como por exemplo o ConvertIcon!

Gostou? Get My Flickr Widget!
Acessando o link é só preencher os dados!
Pode configurar tamanho e cor de fundo! Depois só copiar o código gerado e colar onde desejar!
Autor: Roy Tanck