Como destacar a primeira letra da postagem ou Gadgets colorida | Quero Dicas | Tutoriais para seu blogs


Como destacar a primeira letra da postagem ou Gadgets colorida



O tutorial de hoje é ensinar como destacar a primeira letra da postagem do seu blog ou do seus gadgets.
Esse tipo de destaque fica bem legal, principalmente em casos de artigos grandes ou médios . Veja na imagem abaixo como poderá ficar. Claro, você poderá alterar a cor da fonte.

Este é o destaque no texto da postagem ↓

Este é o destaque nos texto dos Gadgets↓

Se preferi, clique nas imagens para ampliar

Agora que você já sabe o que é, e como fica. Vamos dar destaque a primeira letra da postagem do seu blog ou de seus Gadgets? Escolha um ou os dois, dos códigos abaixo.
É muito fácil e rápido.

  TUTORIAL


Como sempre recomendo: Faça um backup do seu template, ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências a blogs de teste! Não sabe fazer Backup? Não tem problema, Veja este tutortial: Como fazer um Backup ou restauração do seu template
1 - Acesse o painel do seu blog

2 - Vá em "Modelo" e "Editar HTML"

3 - Procure por:

 ]]></b:skin> 
 

4 - Quando encontrar. cole acima dela um dos código abaixo.
Se quiser adicionar os dois em seu blog, pode!
  DESTAQUE NO POST




 Grande {font-size:50px; 
font-style: bold;
color:#FF3E96;
line-height:30px;
float:left;}

PERSONALIZANDO
• font-size:50px; - Aumente ou diminua a fonte se quiser
• font-style: bold; - Se não quiser em negrito, troque por "none" (normal)
• color:#FF3E96; - Troque pela cor que desejar - Tabela de cores: Flextool
• line-height:30px;  - Distância do texto

Para utilizar o efeito em sua nova postagem, entre e adicione no HTML na hora de escrever a primeira letra do post entre o código <Grande> e </Grande> 


 <grande> Primeira letra do post aqui dentro </Grande> 
 


Salve e pronto!

  DESTAQUE NOS GADGETS



 h2:first-letter {font-size: 200%; color:#FF3E96;}


PERSONALIZANDO
• {font-size: 200%; - Aumente ou diminua a fonte se quiser
• color:#FF3E96; - Troque pela cor que desejar - Tabela de cores: Flextool

Salve e pronto!

Deixe seu comentário e qualquer duvida, é só perguntar. 
Beijinhos
Eu aprendi este código a muito tempo atras e infelizmente não me lembro onde. Caso seja você o autor, me avise que darei seus devidos créditos. =D Me Contrate!


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.