Código para habilitar trechos com códigos e sintaxes no Blogger

Eu sempre utilizei o Blogger para criar meus Blogs por ser prático e muito simples de utilizar.

No entanto, existem diversas outras ferramentas gratuitas que estão superando e muito o Blogger, por disponibilizarem um conjunto de ferramentas que tornam a criação e edição de posts em um blog muito mais rápido e fácil.

Uma dessas ferramentas é a que existe disponível no Wiki e Wordpress que permitem adicionar códigos e sintaxes de programação em uma caixa de destaque dentro do post. Depois de muito pesquisar, consegui criar algo semelhante no Blogger e o resultado você pode conferir a seguir.

Acesse sua conta no Blogger
Acesse o painel do Blog que deseja alterar
Clique em "Modelo"
Clique em "Editar HTML"
Localize: blockquote
Adicione os parâmetros do código abaixo dentro do blockquote

Caso não exista, localize: ]]></b:skin>
Adicione o código abaixo, antes do ]]></b:skin>




Código para habilitar trechos com códigos e sintaxes:

blockquote {
   font: 12px normal "courier new" ;
   background: #E8E8E8;
   padding: 0 10px; /* espaço entre texto e margens */
   margin: 0 0 20px 0; /* espaço entre uma caixa e outra */
   border: 1px solid #CFCFCF;
}

Para utilizar a função basta selecionar o trecho que contém códigos e sintaxes no corpo do seu post e clicar sobre o botão "Citação"