Como se puede hacer una barra para insertar codigo(ejemlo)

Esto es lo que quiero conseguir

Alguna idea?

http://mundogeek.net/archivos/2007/10/18/the-composite-extension-is-not-available-en-ubuntu-con-ati/

¿Podrías ser un poco más específico?
El ejemplo que pones no enseña ninguna barra con código

Es un estilo:

Código :

<p [color=red]class="code[/color]">sudo aptitude install xserver-xgl</p>

Y si ves la página de estilos, encontrás que:

Código :

p.code {
  background-color: #444;
  background-image: url('images/terminal.png');
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  font-family: 'Courier New', Courier, Fixed;
  overflow:auto;
}

Elke, gracias por el codigo, pero donde lo pongo?
En la edicion de plantillas no tengo ni idea y tampoco funcciona en la creacione de entradas(con html por supuesto!).


Perdona mi analfebatismo en html.

Tienes que modificar tu archivo .CSS, generalmente en los themes para WP el archivo se llama style.css búscalo y modifícalo agregando el code que Elke te dio.

Lo siento, pero he olvidado decir que estoy usando Blogger.

Ya se que WP es mejor pero para poner un tema propio hay que pagar, y no se pueden insertar artlugios externos como ClickComments.

En fin, alguna alternativa para Blogger?

Blogger te da la posibilidad de editar la plantilla. Fijate que hay un apartado de Plantilla y ahí tenés la opción "Edición de HTML". Ahí tenés el código de tu plantilla con todos los estilos. Los agregás ahí y después cuando vas a postear creo que deberías ponerle las etiquetas de clase a mano en donde podés editar el html. No lo probé, así que sólo estoy adivinando que así podría funcionar.

En todo caso, fijate en la ayuda de blogger:
http://help.blogger.com/bin/answer.py?answer=46870&topic=12488