Blockquote Com Efeito Em Hover

Heey Girls!!!

Faz tempo que eu não trago tutu's não é??

Hoje eu vou ensinar como personalizar seu Blockquote em Hover!!!

O tutu é bem simples e foi inspirado em outros que já vi.

Vai ficar assim:

1.Vá em Design-Editar HTML-Aperte F3 ou Ctrl+F-Procure por:

]]></b:skin>

2.E acima deste Código cole este:

/* Blockquote by 4Teen */blockquote {background: #f1c8dd; /* COR DO FUNDO */border-top: 8px solid  #d7629e; /* GROSSURA, ESTILO E COR DA BORDA */font-family:arial; /* FONTE */padding: 5px;font-size: 13px; /* TAMANHO DA FONTE */color: #292525; /* COR DO TEXTO */text-align: justify;border-top-right-radius: 5px;border-bottom-right-radius: 50px;}blockquote:hover {background: #ebb3d0; /* COR DO FUNDO COM O MOUSE */border-top-left-radius: 50px;}/* Fim do Blockquote by 4Teen */

3.Edite a seu gosto !!

4.Para usar clique neste botão:

está acima de onde vc escreve no post

Suuper fácil né??

Espero que tenham gostado, alguma dúvida é só perguntar!!

Kissi