21.7.13

Tutorial - Letra personalizada no inicio do post!


Olá, meus queridos.

Eu sei, devia ter postado ontem não é? Sim, mas é que ontem foi a festinha de 3 aninhos do meu primo  -awn- e não deu pra postar. O computador nem se quer foi ligado, muita correria para arrumar tudo etc. Acreditam que até Cupcakes eu fiz? Eu nunca tinha feito, ficaram tão fofinhos >3<. Ah, estou lendo 'A menina que roubava livros', já ouviram falar sobre ele? Acho que sim. Então, acho que vou trazer uma resenha sobre ele. Quem leu sabe, e quem ainda não leu, não tem a noção do quão perfeito ele é, sério mesmo, estou amando demais! É simplesmente viciante, do tipo que você não consegue mais parar de ler, e ao avançar das páginas não quer que ele acabe mais! 

Aqui está fazendo um frio tão aconchegante, me dá inspiração para blogar. Mas mesmo assim fiquei em dúvida do que postar. Então resolvi trazer um tutorial bem simples e legal, já vi alguém pedindo pra Ingrid postar ele aqui, e como ela não postou, resolvi trazer.  Sabe os últimos 3 layout do blog? Perceberam que a primeira letra do post, era destacada? Maior e com cor e fonte diferentes. Então, vamos aprender a fazer?

A base que tive foi um tutorial do Cherry Bomb, mas modifiquei para colocar qualquer tipo de fonte etc.
Vai ficar assim >xxx<
Go~


1- Vá no seu HTML e procure por <head>. Acima dele cole:

 <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'/>

2- Agora procure por ]]></b:skin> e acima dele cole:

big {font-size:50px; /*tamanho da fonte*/ font-family: Rochester; font-style:bold; color: #B03060; /*Cor da letra*/ line-height:10px; /* altura da linha*/ float:left;}

O próprio código explica oque dever ser alterado. Mas aconselho a só alterar algo depois que verem como ficou. Para isso faça um post e na primeira letra dele, vá no HTML da postagem e coloque a primeira letra do post entre as tags: <big></big>. Ex:

<big>O</big>lá meus queridos!

Aí você vai vê se ficou do seu agrado ou não. Se não ficou, volte no HTML do seu blog e altere oque quiser.


E é isso, eu espero que tenham gostado.

Beijos~


15 comentários:

  1. Eu já comecei a ler o livro A menina que roubava livros, mas não me entusiasmei muito e decidi parar. Bem legal esse tutorial :)

    http://lagrimas-de-diamante.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Sérioo? Ele é tão bom ;3
      Que bom que gostou do tuto!
      Beijos~

      Excluir
  2. Eu acho que já vou vi falar depois pode trazer uma resenha? e o tutorial foi muito útil ^^

    sense-wonder.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Trago sim! :D
      Que bom que gostou *-*
      Thanks~

      Excluir
  3. LOL, ótimo tuto ><' Antes não funcionava, vou ver agora ♥

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  4. FUNCIONOU, uhuuul \o\ Diva *OO*

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
    Respostas
    1. SHAUSHAUSHUAHSUAHS
      Diva é você *3*

      Beeijos!~

      Excluir
  5. Awwn fica muito lindinho com a letra personalizada!

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
  6. Sera Que Poderia fazer um tuto de como fazer esse tipo de comentario? preciso mt :s

    ResponderExcluir