✖ - Maratona de Tutorial : Fontes diferentes no blog

Status : Em dúvida
Cogumelos , como estão? Eu estou meio em dúvida , por que tipo tem pessoas na escola mexendo comigo , e isso me deixa muito chateada e com raiva , e muito triste. Eu fico louca com isso , as pessoas ficam se metendo na sua vida , sem ser chamadas. Isso é muito ruim , por que você não pode ser diferente e as pessoas já caem em cima querendo te derrubar. Cara não tem por que vocês quererem fazer isso. As pessoas tem que crescer e acordar pra vida , se humilhar e se rebaixar por homem? Gente é complicado isso. Como vocês conheceguem? Meu deus!!

Eu tava passando no blog A Garota No Mundo HTML , e vi que ela mudou de layout de novo , como ela consegue ser tão perfeitinha no que faz? Eu queria ser assim , ter esse dom , mais que pena que nem todos são né? Mais então agora irei fazer maratona de tutorial , reblogando e fazendo meus , só que meus serão apenas sexta , sábado e domingo. Então coperem comigo , por que eu ando sem tempo. Talvez eu chegue cansada amanhã e durma primeiro , mais ai eu tento postar a noite. Beleza? Ótimo vamos para o primeiro tutorial , que é na verdade para o título de qualquer coisa , mais hoje colocaremos no Título da Postagem vamos lá?




01. O site com as fontes Google Fonts
02. Depois de escolher a fonte clique em Quick-use, no mesmo quadrado da fonte que vc escolheu :

03. Copie o primeiro código que aparece, conforme exemplo:

Feito isso, abra o modelo HTML do seu layout e procure por: <head>
Logo abaixo, cole o código que você copiou.
Agora, coloque uma barra / ao final do endereço, antes de >
Ficará assim: 
Sem a barra:
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
Com a barra:
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
Obs: Se não fizer isso o código não funciona

Em seguida, volte para a página Google Fonts e copie o segundo código, e então cole ele onde você quer que a fonte esteja.
Exemplos:
Se for no título da postagem, procure por: .post h3 { 
e cole o código abaixo dele.

Para os títulos da sidebar, procure por: .sidebar h2 {
e cole o código abaixo dele

Para o título do Blog, procure por: #header h1 {
e cole o código abaixo dele

Para o texto da postagem, procure por: .post {
e cole o código abaixo dele

Agora é só salvar, e ver o resultado!

2 comentários:

  1. Oie, estou bem sim, obrigada por perguntar. Realmente esse tipo de atitudes são ridículas, tem muito disso na escola.
    Gente, o layout do gnmh está realmente muito lindo, estou morrendo de inveja, ta muito lindo. Também queria ter esse dom.
    Eu já conhecia esse tutorial e é realmente muito bom, adorei.
    http://s-sessaoproibida.blogspot.com.br/

    ResponderExcluir

Olá , antes de você comentar , existe regras e gosto de pessoas que respeitem.
- Não fale nenhum palavra
- Aqui é proibido ofender as pessoas
- Não coloque comentários anônimos , se você tem medo , não comente
- Aceito Tags , Celinhos , etc ..

Regras básicas , porém , precisam saber que aqui é um lugar de paz. E eu não quero brigas , a não ser que de alguma form aja. Espero que gostem do blog , e se quiserem seguir , fiquem a vontade. Ate~ (Agora comente).