Negrito, itálico, sublinhado e riscado com efeito hover

Olá brigadeiros de maracujá! Como vai a vida? ~aqui é a Amanda~Eu trouxe para vocês, um tuto bem útil para o seu blog, ensinando a deixar o negrito, itálico, sublinhado e riscado personalizados, e com efeito hover!
Vamos lá?



Vá em design > Editar HTML > Tecle Ctrl+F e procure por ]]></b:skin>. Quando achar, cole esse código acima da tag:

b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #DA70D6; text-decoration: none;} /* Estilo hover do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
i:hover {color: #63B8FF; text-decoration: none;} /* Estilo hover do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */
u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo hover do sublinhado */

strike {color: #009900 ; text-decoration: strike; } /*estilo do riscado */

strike:hover {color: #FF00FF; text-decoration: strike; } /*estilo hover do riscado */

Se vocês quiserem sem o efeito hover, substitua o código anterior por:

b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */
strike {color: #009900 ; text-decoration: strike; } /*estilo do riscado */

Negrito, itálico, sublinhado e riscado com efeito hover
Créditos: ~www~ e ~www~
O efeito fica muito legal! Gostaram?