Negrito, itálico e sublinhado com hover

Olá gente boa, como estão? espero que muito bem****. Acho que todos sabem o que é negrito, itálico e sublinhado, mas nem todos sabem que tem um tutorial que deixam eles com efeito hover. Pois bem estou aqui para escinar a vocês como se fazer isso! é bem fácil, e se usar lembre-se sempre que tem que creditar!




1º Passo: Abra seu blog → Vá em modelo → Editar HTML.
2º Passo: Dê F3 e procure por:]]></b:skin> , quando achar cole o seguinte código acima dessa tag.

b {

color: #c7c8ca;

text-decoration: none;

}

b:hover {

color: #f4bec1;

text-decoration: none;

}

i {

color: # c7c8ca ;

text-decoration: none;

}

i:hover {

color: # f4bec1 ;

text-decoration: none;

}

u {

color: # c7c8ca ;

text-decoration: none;

border-bottom: 1px dashed #e6e2b3;

}

u:hover {

color: #  f4bec1;

text-decoration: none;

border-bottom: 1px dashed #  f4bec1 ;} 

 3º Passo: Acho que agora ficou meio confuso saber qual é qual ai, mais como eu sou uma pessoa muito ótima eu explico.

B refere-se ao negrito e b:hover ao negrito ao passar o mouse.

I refere-se ao itálico e i:hover ao itálico ao passar o mouse.

U refere-se ao sublinhado e u:hover ao sublinhado ao passar o mouse.

4º Passo: Depois é só visualizar e ver se não deu erro no HTML  e depois se tiver tudo certo salvar!