Colocar blockquote no blog

                          

Buenas dias pessoal! Hoje vim mostrar um blockquote igual ao meu para vocês usarem !  

Isso é um blockquote, essa área com fundo personalizado!

Para ver como colocar clique em Read More:

 Cole o código abaixo acima de ]]></b:skin>

blockquote {
background:#f0f0f0; /* fundo do blockquote */
border-bottom: 2px solid #FFA6DE; /* Estilo da borda */
padding:15px; /* Não mecha */
color:#333; /* Cor da fonte */
-webkit-border-top-left-radius: 25px; /* Bordas arredondadas */
-webkit-border-bottom-right-radius: 25px;/* Bordas arredondadas */
-moz-border-radius-topleft: 25px;/* Bordas arredondadas */

} 

Explicando as partes destacadas:

#f0f0f0 - Fundo do blockquote, no meu caso, está cinza ( no código também, mas é só mudar se quiser )

2px - Tamanho da borda, essa borda é tipo um pedacinho que nem da minha sidebar, aquele pedaço azul, mas ai está rosa.

#FFA6DE - Cor da borda, como eu disse aqui em cima, está rosa.

#333 - Cor da fonte dentro do blockquote

25px - Eu aconselho a não mexer, isso é cada borda que fica arredondada, não mecha, mas se quiser...

Então foi isso ! Beijão !