Coloque seus códigos html em um caixa de seleção automática

Pessoal é muito comum de alguns blogueiro assim como eu de criar post de contem códigos para inserir no blog, em alguns casos o código a ser copiado são grandes e você precisa passar o cursor do mouse e todo código e já aconteceu comigo já quase terminando de selecionar todo o código acaba errando e tenho que voltar a fazer o mesmo procedimento, mais andei pesquisando e acabei encontrando um código que possar criar uma caixa especialmente para colocar o código dentro e ao passar o cursor mouse o código é  selecionado tudo automaticamente. Então com várias pesquisa encontrei e irei deixar o código para você inserir em seu blog.

Tutorial:

O código que vou demostrar estou utilizando na própria postagem, achei mais fácil de usar e simples de editar. Para colocar o código como postagem você clica em ''html'' no lado superior esquerdo para funcionar corretamente e lá mesmo onde está escrito ''COLOQUE O SEU CODIGO AQUI'' você trocar por sua necessidade.

Edição do código:
Height: 250px (Altura)
Width: 300px (Largura)

Código/Demonstração

<textarea onfocus="this.select()" onmouseover="this.focus()" style="color: blue; height: 250px; width: 300px;">COLOQUE O SEU CODIGO AQUI</textarea>

COLOQUE O SEU CODIGO AQUI