Tutorial - Negrito, Itálico e Sublinhado Personalizados

Heey!!
Em toda essa personalização que andei fazendo aqui no layout do blog, descobri o jeito mais fácil do mundo de modificar algumas coisas. Hoje vou ensinar para vocês como eu modifiquei o Negrito, Itálico e o Sublinhado do blog sem ter que mexer no HTML nem nada. Esse tutorial eu aprendi com o blog Chá & Cupcake e o código foi criado pelo dono do blog e eu super adoro porque blogs de fans de anime são demais!
Sem mais delongas, vamos ao tutorial.
É muito simples:
No painel do Blog vá em Layout -> Adicionar um Gadget -> HTML/JavaScript e cole este código:

<style>
b {
color: #a0e281; /*cor do negrito*/
text-decoration: none;
-webkit-transition-duration:1s;}
b:hover {
color: #FF7BE7; /*cor do negrito ao passar o mouse*/
text-decoration: none;
-webkit-transition-duration:1s;}
i {
color: #7BE0FF ; /*cor do italico*/
text-decoration: none;
-webkit-transition-duration:1s;}
i:hover {
color: #a0e281 ; /*cor do italico ao passar o mouse*/
text-decoration: none;
-webkit-transition-duration:1s;}
u {
color: #000 ; /*cor do sublinhado*/
text-decoration: none;
border-bottom: 1px dashed #a0e281; /*cor da borda de baixo*/
-webkit-transition-duration:1s;}
u:hover {
color: #a0e281; /*cor do sublinhado ao passar o mouse*/
text-decoration: none;
border-bottom: 1px dashed #000 ; /*cor da borda de baixo ao passar o mouse*/
-webkit-transition-duration:1s;}
</style>

Salve!

O código já tem as especificações de para que serve cada linha para nós, leigos, não fazermos m&#da.

Altere as cores substituindo os códigos em negrito pelos códigos das cores que você preferir na tabela.

Obs: São os códigos de 6 digitos que tem # na frente.