24 junho 2016

Destacando a Primeira Letra do Post


Oi pessoinhas, vamos deixar o post do blog mais atrativo e charmosinho! Vou ensinar a vocês hoje, como destacar a primeira letra do post. Vai ficar linduuuu!
Só não esqueça de fazer o backup do seu design, ou treinar o tutorial em um blog de teste. O tutorial onde ensino fazer backup é ESTE


Acesse o painel do seu blog.
1º) Agora vá no menu, que fica no lado direito, e clique em MODELO.
2º) Na janela, que vai abrir no lado direito, clique no botão PERSONALIZAR, que esta destacado na cor laranja.
Vai abrir uma nova pagina.
1º) Clique em AVANÇADO
2º) Agora desça a barrinha ate o fim e clique em ADICIONAR CSS
3º) Vai abrir uma caixa em branco, dentro dela cole o seguinte código:

big {
font-family: 'Cookie', cursive;/*Tipo/Nome da fonte*/
font-size:50px; /*Tamanho da fonte*/
font-style:bold;/*Estilo da fonte*/
color: #00abcf; /*Cor da letra*/
line-height:30px; /* Altura da linha*/
float:left; /*Posição*/
}

Observe no código que coloquei as funções de cada elemento, como: Tipo de Fonte, Cor da Letra, Tamanho da Fonte, etc...
Para escolher a cor que deseja você acessar AQUI. Terá uma variedade de cores e seus códigos para copiar. Não esqueça, para a cor funcionar é necessario colocar #, ficando assim, ex: #8b0000.
Agora para escolher o tipo de fonte, você pode adicionar uma fonte diferente do GOOGLE FONTS. Caso não saiba fazer isso, veja este TUTORIAL onde explico como adicionar fontes do google fonts.
4º) Após adicionar o código, clique em APLICAR NO BLOG, um botão logo acima destacado na cor laranja.

Agora vamos aprender a destacar a letra.
Entre no painel de postagem, pode ser uma nova postagem, ou postagens já publicadas. Agora clique no botão HTML  do post. Observe na imagem abaixo, no corpo do post eu destaquei o C. É ele que iremos dar o estilo.

Vai abri o HTML da sua postagem. Nesta hora que você vai selecionar a letra que deseja destacar.
Dentro do HTML do post, eu achei a letra que desejo destacar, em azul, o C
Veja que destaquei em vermelho as chaves/código que vão fazer o destaque.
Antes e depois do C eu coloquei as chaves <big> (que abre) e </big> (e fecha a chave). Observe como fica na imagem.
Vai ficar assim:
<big>C</big>


Depois disso pode voltar ao modo ESCREVER do post e publicar ou atualizar a postagem. Visualize e veja como ficou.


Bom, por hoje é só, espero que tenham gostado. E se lembre, sempre faça o backup do seu design para não causar desespero, caso erre ou não goste.
Não tem erro, faça com calma e siga o passo-a-passo que nada vai dar errado. Caso se sinta mais confortável, faça o tutorial em um BLOG DE TESTE antes de fazer no seu blog.
Espero ter ajudado, e de alguma forma este tutorial tenha utilidade para vocês.
Quer algum tutorial? Pode deixar nos comentários ou através do email contato@meuinfinito.com.br
Deseja ter um design maravilhoso? Contrate meus serviços. Peça orçamento através do email anazuky@hotmail.com ou pela FanPage.

Nenhum comentário:

Postar um comentário