blockquote personalizado #1

Hey pessoal! Agradeço pelos primeiros comentários no blog! Estou animado com este blog e espero que continue tudo bem aqui :)...

Agora eu trago para vocês o primeiro tutorial do blog! Este é de um modelo personalizado de blockquote. Eu fiz ele ontem, antes mesmo de decidir se eu iria ou não abrir o blog. Fiz sem pensar e ficou bem bonitinho o resultado...

Veja o resultado:

Primeiro Passo: Vá em Modelo > Editar HTML, clique no código que aparecer, pressione F3 ou Ctrl+F e pesquise por ]]></b:skin>. Antes do código pesquisado cole o código a seguir!

blockquote {
border: 2px solid #SUACOR;/* cor da borda */
background: #SUACOR; /* cor de fundo */
border-radius: 4px;
padding: 5px;
font-size: 13px; /* tamanho da fonte */
text-shadow: 1px 1px 0px #fff; /* sombra da fonte */
color: #SUACOR; /* cor da fonte */
text-align: center;
box-shadow: inset 0 0 5px #SUACOR, 0 0 5px#SUACOR; /* sombra do blockquote */
}
blockquote:hover {
border: 2px solid #SUACOR;/* cor da borda */
background: #SUACOR; /* cor de fundo */
border-radius: 4px;
padding: 5px;
font-size: 13px; /* tamanho da fonte */
text-shadow: 1px 1px 0px #fff; /* sombra da fonte */
color: #SUACOR; /* cor da fonte */
text-align: center;
box-shadow: inset 0 0 5px #SUACOR, 0 0 5px#SUACOR; /* sombra do blockquote hover */
}

OBS: Onde está SUACOR, personalize com a cor de acordo em o que está escrito na frente de cada linha!