Como poner un recuadro con código fuente en el blog

He visto de todos los colores, scripts largos, complicados, un montón de código html,  y la verdad no entiendo nada, no me doy de experto pero desde luego algunos tienen ganas de complicarse la vida ? porque es tan fácil como poner

"  <textarea>  PONER CONTENIDO  textarea> "

Facil no ? entra las etiquetas de texarea poner el contenido una para abrir otra para cerra luego en visión previa o redactar le das el ancho que quieras y el largo , sin mas ...

quedaria asi

&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/p&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;p&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>; &<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;b&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;<span style="background: yellow;" class="goog-spellcheck-word">font</span> <span style="background: yellow;" class="goog-spellcheck-word">size</span>="5"&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/<span style="background: yellow;" class="goog-spellcheck-word">font</span>&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/b&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/p&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;b&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;<span style="background: yellow;" class="goog-spellcheck-word">font</span> <span style="background: yellow;" class="goog-spellcheck-word">size</span>="5"&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;p <span style="background: yellow;" class="goog-spellcheck-word">align</span>="<span style="background: yellow;" class="goog-spellcheck-word">LEFT</span>"&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;PONER CONTENIDO&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/p&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/<span style="background: yellow;" class="goog-spellcheck-word">font</span>&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;p <span style="background: yellow;" class="goog-spellcheck-word">align</span>="<span style="background: yellow;" class="goog-spellcheck-word">LEFT</span>"&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/p&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;/b&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;&<span style="background: yellow;" class="goog-spellcheck-word">lt</span>;p <span style="background: yellow;" class="goog-spellcheck-word">align</span>="<span style="background: yellow;" class="goog-spellcheck-word">LEFT</span>"&<span style="background: yellow;" class="goog-spellcheck-word">gt</span>;

Ingresa la dirección de tu amigo:

 apuntate a recibir noticias es GRATIS