2. Procure por:
]]></b:skin>3. Acima do que você achou, cole:
blockquote{4. Salve.
padding: 6px; /* Espaço entre texto e borda do blockquote */
background-color: #cor; /* Cor de fundo do blockquote */
border: 1px solid #cor; /* Espessura, tipo e cor da borda */
color: #cor; /* Cor da fonte */
text-shadow: 1px 1px 0 #cor; /* Cor da sombra do texto */
font-family: Nomedafonte; /* Fonte do texto */
font-size: 11px; /* Tamanho da fonte do texto */
-webkit-transition-duration: 1s; /* Efeito de transição */
}
blockquote.hover {
color: #cor; /* Cor ao passar o mouse */
background: #cor; /* Cor de fundo ao passar o mouse */
-webkit-transition-duration: 1s; /* Efeito de transição */
}
Abaixo deixo alguns modelos de blockquote prontos e se usá-los, credite o blog. Copie o código abaixo da imagem do modelo que preferir, cole acima de ]]></b:skin> e salve.
blockquote {
text-align:center; /* Texto centralizado */
padding: 6px; /* Espaço entre texto e borda do blockquote */
background-color: #E8E8E8; /* Cor de fundo do blockquote */
border: 1px solid #B5B5B5; /* Espessura, tipo e cor da borda */
color: #9C9C9C; /* Cor da fonte */
font-family: Arial; /* Fonte do texto */
text-shadow: 1px 1px 0 #fff; /* Cor da sombra do texto */
text-transform:uppercase; /* Texto em letras maiúsculas */
letter-spacing:1px; /* Espaço entre as letras do texto */
font-size: 11px; /* Tamanho da fonte do texto */
}
blockquote {
text-align:center; /* Texto centralizado */
padding: 6px; /* Espaço entre texto e borda do blockquote */
background-color: #E8E8E8; /* Cor de fundo do blockquote */
border-left: 5px solid #000; /* Espessura, tipo e cor da borda esquerda*/
border-right: 5px solid #000; /* Espessura, tipo e cor da borda direita*/
color: #696969; /* Cor da fonte */
font-family: Arial; /* Fonte do texto */
text-shadow: 1px 1px 0 #fff; /* Cor da sombra do texto */
font-size: 11px; /* Tamanho da fonte do texto */
-webkit-transition-duration: 1s; /* Efeito de transição */
}
blockquote:hover {
border-left: 15px solid #000; /* Espessura, tipo e cor da borda esquerda hover */
border-right: 15px solid #000; /* Espessura, tipo e cor da borda direita hover */
-webkit-transition-duration: 1s; /* Efeito de transição */
}
blockquote {
text-align:center; /* Texto centralizado */
padding: 6px; /* Espaço entre borda e texto do blockquote */
background-color: #696969; /* Cor de fundo do blockquote */
color: #fff; /* Cor da fonte */
font-family: Arial; /* Fonte do texto */
font-style: italic; /* Estilo do texto em itálico */
font-size: 12px; /* Tamanho da fonte do texto */
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; /* Bordas arredondadas */
}
blockquote {
margin-left:-20px; /* Espaço entre blockquote e margem esquerda */
margin-right:-20px; /* Espaço entre blockquote e margem direita */
text-align:center; /* Texto centralizado */
padding: 10px; /* Espaço entre borda e texto do blockquote */
background: url(http://static.tumblr.com/bmdsqsc/2Wcm7uqoa/tumblr_luvodahgub1r05h8d.jpg)repeat; /* Cor de fundo do blockquote */
color: #fff; /* Cor da fonte */
font-family: Arial; /* Fonte do texto */
text-transform:uppercase; /* Letras maiúsculas */
font-size: 11px; /* Tamanho da fonte do texto */
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; /* Bordas arredondadas */
}