Como colocar aquela caixinha branca que tem um html dentro e mostrar na sua postagem?

Sabem aquela text área? Digo uma área de texto? Onde mostra o código HTML?
Vou dar um exemplo:

<img src="http://28.media.tumblr.com/tumblr_lgmwmh3qPD1qdj6v9o1_500.gif" /><br /> <br /> <div><br /> </div>
E essa caixinha de HTML branca aí em cima, como será que a gente faz??
Assim:

Esse é o código HTML da Caixinha, onde estiver em vermelho Mude para o texto que quer que nela tenha:
Altere o texto que está em vermelho:

<textarea "=" style=" 236px;"="" 2px;="" 76px;="" height:="" margin-bottom:="" margin-left:="" margin-right:="" margin-top:="" style="height: 105px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 236px;" textarea="" width:="">COLOQUE O SEU TEXTO AQUI</textarea>

Créditos: Encomendas Customize[mantenha os créditos, plágio é crime e da cadeia]
Espero que tenham gostado desse tutorial da caixinha, comentem.
Bjiiins