Tutorial: Blockquote personalizado!

Outro tutorial aqui no blog! Vamos aprender a personalizar o blockquote, que pra quem não sabe, é essa "caixinha" que fica em volta do texto, ou imagem, que você quiser. Um exemplo:

Para usá-la basta usar esse botão:

Passo 1:
Entre no painel do blogger > Design > Editar HTML

Passo 2:
Procure por ]]></b:skin> (Crtl+F) e acima cole:

.post blockquote {
background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/
border:2px dashed #99CCFF; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;
}

Você pode alterar o código acima para deixar o blockquote do jeito que quiser!

• Se você quiser usar uma imagem no fundo lembre-se de substituir LINK DA IMAGEM DE FUNDO AQUI pelo link.
• Você pode colocar uma cor no fundo, no lugar da imagem. Basta trocar url(LINK DA IMAGEM DE FUNDO AQUI) por #código da cor.
• Você pode trocar a cor da borda (mudando o código) e a textura (modificando 2px por um número maior, se quiser mais grossa, ou menor, para mais fina).

Desculpa por não ter postado antes, estava sem internet!

Não esqueça de dizer o que achou do tutorial, se conseguiu fazer e se gostou do resultado!

Beijos,
Camy!