Tutorial !

Bonjour colegas, como vão ? Como prometido no último post, hoje é dia de Tutorial ( weee / rebola ).     Resolvi postar o tutorial de como personalizar o Blockquote ( ou caixa de citação ) nos posts, porque este tutorial foi bem útil pra mim e acredito que vai ser pra vocês também. Pra quem não sabe, blockquote é este simbolo de formatação aqui : , encontrado logo acima da área de postagem do Blogger, para usá-lo é simples, basta selecionar o que deseja destacar, e clicar nele o texto ficará assim :

Teste,teste,teste,teste,teste,teste . 

Como podem ver ele ficará alinhado á esquerda da postagem, no meu o blockquote personalizado já está instalado, enfim, mas isso não é o suficiente para destacar nossas frases, ou algo do tipo concordam ? Então vamos lá.

1. Vá até Design > Editar HTML 
2. Aperte CTRL + F ( caixa de pesquisa ), e procure por  ]]></b:skin> 

Logo acima de : ]]></b:skin> cole o seguinte código :

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

 Onde está em Azul é a largura da borda você pode aumentar o quanto quiser : 2px, 3px, 20px.
 Onde está em Verde, é a cor da borda que você também pode modificar por qualquer um dos códigos      abaixo .
 Onde está em vermelho você pode colocar o fundo que desejar, ou se quiser apenas a cor basta trocar : URL ( Link Da Imagen de Fundo Aqui ) por um dos códigos da tabela abaixo :

  Lógico que aí estão somente as cores comuns, se quiser alguma cor diferente tem aqui nesta tabela    Aqui . Aproveitem, e até o próximo tutorial .

Dúvidas ? Comentários ou Contato.