Tutorial - Blockquote Personalizado

    Bom, para personalizar o meu blockquote (), eu demorei bastantinho, já que em todos os blogs e sites que eu entrava era pedido para procurar um código que não tinha no meu template. Mas, depois que eu entendi, ficou super fácil. Também encontrou o mesmo problema ou achou os outros tutoriais complicados? Aprenda como eu fiz:

Nível: Médio

1 - Entre em Modelo>Editar HTML (na nova interface do blogger). Ou em Design>Editar HTML (na interface antiga do blogger)

2 - Faça CTRL+F e procure por /* Posts. Copie o código abaixo e cole logo abaixo de ---------------------------------------------- */.

.post blockquote {

        border: 1px solid #E4CAFF;

        color: #00000;

       background: #f6f7fd url( 'URL-DA-IMAGEM' ) repeat;

        padding: 10px 40px 10px 10px;

        font-size: 12px;

        text-align: justify;

        width: 80%;

}

3 - Faça alterações para deixar do seu jeitinho.
Em Azul-> É "opcional". Só coloque se o seu template não tiver (no caso do meu, não tinha)
Em Laranja -> Espessura, estilo e cor da borda.
Em Verde -> Cor e Tamanho da fonte.
Em Roxo -> Cor do fundo, se não for colocar imagem.
Em Vermelho -> Endereço da imagem de fundo. Se não for colocar, delete url( 'URL-DA-IMAGEM' ) repeat.

Tutorial Adaptado de Pink Girls.