18/05/2014

Personalizar formato de texto no blogger

Oi lá meus lindjos! Hoje vim trazer um tutorial o/ Como vão vocês? Eu finalmente coloquei um brinco na minha orelha depois de séculos e está doendo muito porque o furinho já tinha fechado TT^TT -não façam isso em casa, dói pakas- Adoro usar este tutorial em todos os Layouts que faço e poucas pessoas sabem dele, eu demorei um bom tempo pra prepará-lo, porque eu tinha que testar em outros modelos e tals... Vocês que leram o título aí e ficou boiando cliquem em leia mais e entenda melhor ok? O preview está aqui: (www)

Procure por /* Headings. Abaixo coloque:
h2 { /*Título*/
font-family: delius; /*tipo da fonte*/
font-size: 15px; /*tamanho da fonte*/
color: #fff; /*cor da fonte*/
background: #8fc7b1; /*cor de fundo*/
border-radius: 5px; /*borda redonda*/
text-align: center; /*alinhamento no centro*/
}
h3 { /*Subtítulo*/
font-family: delius; /*tipo da fonte*/
font-size: 15px; /*tamanho da fonte*/
color: #8fc7b1; /*cor da fonte*/
border-bottom: 1px dotted #ccc; /*bordinha em baixo*/
}
h4 { /*Título secundário*/
color: #5a9980; /*cor da fonte*/
font-size: 13px; /*tamanho da fonte*/
text-transform: uppercase; /*texto em maiúsculo, se não quiser apague a linha*/
border-bottom: 1px dotted #ccc; /*bordinha em baixo*/
}
Como usar:

Na barra de funções da postagem tem um botão com o nome "normal", aperte na setinha e altere para Título, Subtítulo ou Título secundário.

Fonte que eu usei no tutorial: 
@font-face {
font-family: 'Delius'; src: local('Delius-Regular'), url(http://themes.googleusercontent.com/static/fonts/delius/v3/7WQiMJKp1Jo3CiUw302zGA.woff) format('woff');
}
Foi só isso por hoje meus amores, até a próxima o/  

2 comentários:

  1. Estava precisando de um tutorial assim! Irei usá-lo, obrigada ;3
    Zona Neutra

    ResponderExcluir

Vai comentar? Leia as regrinhas:

~ Pode abusar dos palavrões o quanto quiserem, mas ofensas serão excluídas. Caso queiram criticar, críticas construtivas por favor;
~ "Seguindo, segue de volta?" Sim, mas fale um pouco do post também;
~ Pedidos? Fiquem a vontade;
~ Lemos a todos os comentários e sempre os respondemos;
~ No fim do comentário deixe o link de seu blog, se gostarmos, seguimos com prazer .

Pode comentar agora!