كود وضع الأكواد البرمجية داخل مستطيل مستقل عن المحتوى

هل تبحث عن كود يمكنك من خلاله ان تضع فيه الأكواد البرمجية بشكل جذاب وانيق , بعيدا عن المحتوى , بحيث يسهل نسخة ؟

مثال كما في الصورة ..

انسخ هذا الكود 
وعند تحرير المشاركة الجديدة ومن ثم بلغت إلى النقطة التي تريد فيها وضع الكود البرمجي المطلوب 
قم بالضغط على HTML بدلا من تأليف 
ثم ضع الكود التالي :

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="اضغط تحديد الكل"> </div> <div align="center"> </div> <p align="left"> <textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">الكود هـنا

ثم عد إلى تأليف وأكمل موضوعك بشكل عادي 
تحياتي لكم