Como Colocas Blockquote em Hover

Olá minhas princesas, tudo bem?

Hoje, observo que muitas pessoas não sabem colocar blockquote, certo? 

É, mais alguns deve saber fazer, só que não em Hover né? 

Hoje venho ensinar a  vocês um tutorial de Como Colocar Blockquote em Hover. E ai, o que estão achando? Gostaram?  Espero que sim né? 

Uma blockquote ajuda muitas pessoas em vez de colocar algum aviso coloque na Blockquote e ai, vai ficar muito bonito e acima de tudo personalizado, cada um que passar o mouse por cima vai mudar a cor e tal... Bem, não intenderam não? Vou mostrar para vocês então. Ok?

Essa é a Blockquote em Hover. Passe o Mouse em Cima!

E ai, gostaram? Querem aprender? É muito fácil. É só seguir pequenas dicas, pois o tutorial é faterrimo (isso existe se não existe no MFF existe). Então, vamos aprender né?

Passo a Passo:

1º Entre em seu HTML do blogger e procure por:

]]></b:skin>

2--> Depois de encontrar esse código, em cima coloque esse outro código:

/*Blockquote em Hover By: Mundo Fantástico Feminino

----------------------------------------------- */

blockquote {

border-left: 15px solid #SUACOR;

background-color: #SUACOR;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;

-webkit-transition-duration: .50s;

}

blockquote:hover {

border-left: 18px solid #SUACOR;

background-color: #SUACOR;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;

-webkit-transition-duration: .50s;

}

Bem, meninas é isso. Espero que curtiram o post. Então, em lilás é as bordas dos lados, por exemplo a lilás é a quando não se passa o mouse, e a segunda  de vermelho é quando se passa o mouse.