Tutorial - Blockquote Personalizado

Boa Tarde gente !

Hoje trouxe um tutorial muito útil para blogs de tutoriais , como personalizar a blockquote, bom pra quem não sabe o que é um blockquote:

Isso é um blockquote

E tutorial que eu achei no Miki Candy (créditos), o blockquote serve pra várias coisas, pricipalmente para organizar os códigos de HTML nos posts de tutoriais. Então bora lá aprender ?


Primeiro, de Ctrl + F e procure por:

]]></b:skin>

Depois, acima da tag procurada cole esse código:

padding: 5px;
font-size: 11px;
color: #696969;
background-color: #f5f5f5;
border-right: 9px solid #FF82AB;
border-left: 9px solid #FF82AB;
text-align: center;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #d2d1d3;
-webkit-transition-duration: .50s;
}
blockquote:hover {
border-right: 3px solid #c6ec92;
border-left: 3px solid #c6ec92;
-webkit-transition-duration: .50s;
} 

Agora, se desejar altere as cores (em negrito) e prontinho :3 Qualquer dúvida pergunte nos comentários, ok? ^^ Espero que tenham gostado.