Bloquote Hover

Oi amores! Tudo bem ?

Hoje vamos ver um tutorial bem legal de um bloquote hove lindo para enfeitar seu blog.

O Bloquote é Assim ♥

Acima da tag ]]></b:skin>,cole o código abaixo:

blockquote {
border-right: 12px solid #Cor da Borda da Direita;
border-left: 12px solid #Cor da Borda da Esquerda;
background-color: #Cor do Fundo;
padding: 10px;
font-size: Tamanho do Textopx;
color: #Cor do Texto;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 5px #Sombra do Block, 0 0 5px #Sombra do Block;
}
blockquote:hover {
border-right: 08px solid #Cor da Borda da Direita Hover;
border-left: 08px solid #Cor da Borda da Esquerda Hover;
background-color: #Cor do Fundo Hover;
padding: 10px;
font-size: Tamanho do Texto Hoverpx;
color: #Cor do Texto Hover;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 5px #Sombra do Block Hover, 0 0 5px #Sombra do Block Hover;
} 

Bom,eu expliquei o código o máximo possível,e o principal.Se você quiser mudar algo a mais,mude,ou pergunte para mim,eu respondo!
Para usá-lo,basta fazer isso:

Créditos ao blog World Of Tutos