Procurar neste blog


Home About Contact

Google? É aqui !

Google
 
2008-03-20

Primeira letra do post maiuscula  

Querem dar ao vosso Blog um look tipo Revista / Jornal? Escrever automáticamente a 1ª letra de cada post numa letra diferente daquela utilizada no resto do texto? Dar à "coisa" um aspecto mais profissional? Tal e qual como o formato que este blog recentemente adquiriu? Andei por essa web fora na busca de soluções e eis as conclusões a que cheguei:

  • É relativamente fácil de pôr em prática esta pequena alteração;
  • Dá ao vosso Blog um aspecto único. Diferencia-se dos outros!
Vamos então começar:
  1. Vão ter de editar o HTML do vosso Blog

  2. Salvem o vosso template, não vá alguma coisa correr mal! Cliquem onde diz "Download Full Template" e guardem religiosamente o ficheiro XML resultante. Pode ser bastante precioso! Não digam que não avisei!


  3. Na janela de edição do vosso Template procurem o seguinte pedaço de texto : /b:skin (está entre <>)
  4. Vamos copiar para a linha imediatamente anterior a essa o seguinte bloco:

    .dropcaps {
    float:left;
    color: $red;
    font-size:100px;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    }

  5. Qualquer dos parâmetros entre as {} pode ser alterado, desde a cor da letra inicial, ao seu tamanho, as linhas que ocupa, o tipo de letra, tudo!
  6. Depois de copiar e personalizar ao vosso gosto (não se esqueçam de salvar as alterações), temos de ir às Settings e depois Formatting,

    para depois perto do fim dessa página adicionar na caixa com o nome Post Template o seguinte:
  7. Depois salvam as alterações e tudo deve estar ok!
  8. Hora de testar. Cliquem para criar um novo post.
    Onde aparece o "#" escrevem a 1ª letra do post.
    O resto é só substituir pelo vosso texto.


Parece-me que foi fácil não?

Espero ter ajudado, e já agora deixo aqui um teaser : Da próxima vez vou ensinar a escrever o post em duas partes, ou seja, na página principal do vosso blog só vão aparecer 1 ou 2 parágrafos e o resto vem depois de o leitor clicar em determinado texto.

Até lá!

Posts Relacionados??