Como personalizar o Blockquote do blogger

Eu estava no blog Teenage Star e vi um post de como personalizar o Blockquote então os créditos desse post vão pro blog da Rafa!!

  Tão vendo esta caixinha em volta do texto? Pois é, isto é um blockquote, o blogger já tem um. Só que não é bonitinho (pontilhado e colorido). Por isso neste tutorial vou ensinar a vocês como personalizar ele para ficar igual ao do C.G.(Sigla do nosso blog)

    Primeiro vá na página Editar HTML e de Ctrl+f,selecione expandir modelos widget e procure por:
        ]]></b:skin>
    Quando achar, antes deste código cole este:

.post blockquote {
background:url(LINK DA IMAGEM DE FUNDO AQUI) ;
border:2px dashed #2b2a59;
padding: 5px;
margin:10px 20px 10px 20px;
}


    Substitua a parte URL DO FUNDO AQUI pela url da imagem de fundo que você quer.
    Caso queira só uma cor de fundo substitua a parte URL DO FUNDO AQUI por #código da cor.
    Para saber o código da sua cor, clique aqui e veja na tabela.
    Para mudar a cor da borda, é só alterar a parte #2b2a59 pelo código da sua cor.

Agora, toda vez que quiser usar no post é só ver lá na barra de ferramentas da área de post e clicar no ícone circulado nesta imagem:

clique para ampliar se preciso

É isso gente espero que tenham gostado do tuto e que usem nos posts!