Olá! Imagino que várias blogueiras com blogs com os mais variados assuntos, como por exemplo goodies, gostariam de ter um blockquote personalizado. O meu blockquote eu peguei na marra, eu não achava tutorial para fazer ele, sendo que ele era simples. Só quando eu fiz eu achei um tutorial e ainda sim não era o que eu queria! Voltando ao assunto.
»» Abra seu blog vá em Design e Editar HTML.
»»Aperte Ctrl+F e pesquise por: [[></b:skin>
»»ACIMA do código cole:
.post blockquote {
background: #ffffff;
border-top:5px solid #ff0098;
border-radius:0 0 10px 10px;
color: #0000000;
font-family:century gothic;
font-size: 13px;
text-align: center;
padding: 5px;
}
Vamos conhecer os códigos?
»Altere a cor do background como preferir, se quiser uma imagem no lugar da cor troque #ffffff por: url ( LINK DA SUA IMAGEM );
»Border-top, altere a altura da linha colorida e a cor dela como quiser;
»Border-radius, borda arredonda retire se não quiser;
»Padding é um espaço entre o blockquote e o texto, recomendo que continue em 5px;
»O que estiver em azul pode ser modificado como preferir;
»Depois de pronto, visualize e se estiver tudo bem, salve ^^
Resultado será semelhante a este.
Quando quiser utilizar seu blockquote, selecione o texto e clique nas aspas.
Beijos!