Personalizar negrito, sublinhado, tachado e riscado (hover)

Oi pessoal, tudo bom? Bem, primeiramente obrigada pelos comentários ♥ pelos seguidores ♥ pela visualização de cada um ♥ enfim, obg ♥

Depois de agradecer vim ensinar a você a personalizar o negrito, sublinhado, tachado e riscado e ele vem com hover (hover é quando você passa o mouse em cima e muda), um exemplo de hover é a minha personalização, veja:

exemplo de negrito - exemplo de sublinhado - exemplo de tachado - exemplo de itálico 

Vamos aprender a personaliza-los...

Passo a Passo:

1♥ vá no modelo do blogger → editar html/java script

2♥ no html, dê ctrl + f e busque por: ></b:skin> , acima disso cole:

b{color: #FF6347; text-decoration: none;-webkit-transition-duration: .40s; } /* Estilo do negrito */
b:hover {color: #FF4500; text-decoration: none;-webkit-transition-duration: .40s; } /* Estilo hover do negrito */
i {color: #FFA07A; text-decoration: none; -webkit-transition-duration: .40s;} /* Estilo do itálico */
i:hover {color: #F4A460; text-decoration: none; -webkit-transition-duration: .40s;} /* Estilo hover do itálico */
u {color: #FF7F50; text-decoration: none; border-bottom: 1px dashed #FF4500; -webkit-transition-duration: .40s;} /* Estilo do sublinhado */
u:hover {color: #E9967A; text-decoration: none; border-bottom: 1px dashed #FF6347; -webkit-transition-duration: .40s;} /* Estilo hover do sublinhado */
strike {color: #FF7256 ; text-decoration: strike; -webkit-transition-duration: .40s; } /*estilo do tachado */
strike:hover {color: #CD5B45; text-decoration: strike; -webkit-transition-duration: .40s; } /*estilo hover do tachado */

Já esta tudo explicado no próprio código.

Como usar:

Pra usar alguns deles (negrito, itálico, sublinhado e tachado) é só você selecionar a parte que quer (na page que estiver fazendo o post) e clicar em algum deles abaixo:

A foto explica qual é cada um.. Alguma dúvida só comentar, bjs ♥