O Google lançou recentemente um serviço que oferece novas fontes de texto para o seu blog, são fontes bonitas e muito elegantes. Você pode usa-lás em qualquer site de forma gratuita, bastando apenas algumas alterações no HTML. Olhe abaixo um exemplo de fonte que você pode usar:
Veja abaixo como fazer.
Escolhendo a Fonte
1) Acesse o site Google Web Fonts Directory
2) Escolha uma das fontes que o site oferece. E clique nela.
3) Na página seguinte você deverá clicar em Get the code
4) Copie o primeiro código que aparecer, será parecido com o seguinte:
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'> Obs: Guarde o nome em vermelho para que possamos usar nos passos seguintes.
5) Acesse o painel do Blogger(blogger.com)
6) Vá em “Layout/Design”->“Editar HTML”-> Procure pelo seguinte código utilizando as teclas CTRL e F:
</head> Agora antes do código acima insira o código obtido no passo 4
7) Salve as alterações.
8) Agora vá em “Postagem”-> “Nova Postagem”-> “Editar HTML” e insira o seguinte:
<span style="font-family: Cantarell; font-size: 24px;">Texto desejado</span> O nome em vermelho é o que foi dito na observação do passo 4, e em verde é o tamanho do texto, em azul o texto que você quer que apareça com a fonte escolhida.
Pronto agora é só publicar a postagem e ver como ficou.
Compatível com os seguintes navegadores:
- Google Chrome: version 4.249.4+
- Mozilla Firefox: version: 3.5+
- Apple Safari: version 3.1+
- Microsoft Internet Explorer: version 6+
Referência: Bloggerstop
3 Comentários
Ola Fernando, adorei a dica, depois vou tentar, ams passei aqui para dizer que deu a você dois selos, ele está no meu outro blog o Pluago em Tecnologia neste link http://plugadotecnologia.blogspot.com/2010/06/selos-premio-dardos.htm.
Depois quero saber como faço pra colocar este widget do twiiter, aquele outro eu ja uso, mas quero algo mais simples.
Até breve.
segui passo a passo, e no passo 7 apareceu o seguinte:
Não foi possível analisar o seu modelo por não estar bem formado. Certifique-se de que todos os elementos XML estão fechados correctamente.
Mensagem de erro de XML: The element type "link" must be terminated by the matching end-tag "".
Fernando, não conhecia seu blog. E com certeza vou seguir de agora em diante. Excelente trabalho. Grande abraço!!
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.