Blockquote Hover

Yo ~!

Antes de tudo,quero pedir desculpas por não ter postado esses dias,mais é que eu estou muito ocupada

e ainda por cima com muitas coisas para fazer,então,me desculpem mesmo.

Trouxe um tutorial de como deixar seu blockquote em hover,quero das os créditos para o Vodka e Coca.

vejam como vai ficar com o efeito hover , 

aqui 

Bora para o tutorial?

Vá em modelo  editar html  e procure por ]]></b:skin>  depois coloque esse codigo acima:

blockquote { -moz-border-radius: 4px; /* Borda arredondada */ -webkit-border-radius: 4px; /* Borda arredondada */ border: 3px solid #COR; /* Cor e tamanho da borda colorida */ -webkit-transition: 0s linear; -webkit-transition: opacity 0.6s linear; -webkit-transition: all 0.1s linear; /* Velocidade da transição */ -webkit-transition: all 0.1s linear; /* Velocidade da transição */ -moz-transition: all 0.1s linear; /* Velocidade da transição */ transition: all 0.1s linear; /* Velocidade da transição */ padding: 5px; /* tamanho do blockquote */ background: #COR; /* Background */color: #000000; /* Cor da fonte */font-family:century gothic;font-size: 13px; /* tamanho da fonte */ text-align: justify; /* alinhamento do texto */ } blockquote:hover {  -webkit-transform: scale(1.01); /* efeito "scale" */ -moz-transform: scale(1.01); /* efeito "scale" */ border: 3px solid #COR; /* Cor e tamanho da borda colorida hover */ padding: 7px; /* tamanho do blockquote hover */ background: # COR; /* Background em hover */ }

Já está tudo no codigo,quando vocês mudarem as cores podem salvar ;3