Como criar seu próprio Blockquote!

|| ||

Oi gente, bem todo mundo ou quase todo mundo de férias e só a Marcicleide ainda na 3ª avaliação em?, Mas esse não é o assunto de hoje. O que eu resolvi trazer é um tutorial bem interessante, já o postei no blog Louca por HTML e resolvi trazer aqui pra vocês. Que é como criar seu próprio Blockquote.
Primeiro vão em Modelo >> Editar HTML>> aperte em Ctrl+F e procure por:
]]></b:skin>
Cole acima dessa tag o seguinte código:
blockquote {
}
Agora, entre o { e o } cole esse código:
padding: 6px;
margin:10px;
Color: #333;
Background: #FFF;

Agora, vamos Personalizar pra ficar mais bonito:
border: Borda em todos os lados. (Para usar: 1px solid #333; )
Border-bottom: borda em baixo. (Para usar: 1px solid #333; )
Border-top: Borda em cima. (Para usar: 1px solid #333; )
Border-left: Borda na esquerda. (Para usar: 1px solid #333; )
Border-right: Borda na direita.  (Para usar: 1px solid #333; )
Exemplo:
border: 1px solid #333;

Para arredondá-las:
webkit-border-radius: 10px; - Bordas Arredondadas (Mude o 10 para maior ou menor)
-moz-border-radius: 10px; - Bordas arredondadas (Mude o 10 para maior ou menor)
border-radius: 10px;  - Bordas arredondadas (Mude o 10 para maior ou menor)
(NOTA: Para deixar bordas arredondas você tem que colocar os 3 códigos acima.)
Exemplo:
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Cada um está com seu significado, é só usar a criatividade e fazer seu próprio Blockquote.

Créditos: Amizade de Menina