How to create box for copying html code

ทำไงดี? อยากสร้าง box ให้คนเค้า copy โค้ดรูป หรือแบนเนอร์ของเราไปใช้ได้เลย 
แต่ถ้าแค่วางโค้ดลงไป เว็บก็จะแปรผลเป็นรูปหรือแบนเนอร์ไปโดยปริยาย
ทำยังไงที่จะให้มันอ่านเป็นตัวอักษร ไม่ใช่รูป! 
ทำตามขั้นตอนต่อไปนี้นะคะ



1. ให้ก๊อปปี้โค้ดข้างล่างต่อไปนี้ แล้ว
2. แทนที่ Banner HTML CODE ด้วยโค้ดสำหรับฝังรูปที่เราต้องการ
3. ปรับความกว้าง หรือจำนวนแถวของ box ตามต้องการตรง row=... และ cols=...
4. ชื่นชมผลงานได้เล้ยยย


-------------

<textarea rows=30 cols=30 onclick="copy(this)">
BANNER HTML CODE
</textarea>

<script language=javascript>
function copy(textarea) {
textarea.select();
textarea.focus();
}
</script>

---------


เท่านี้เองค่ะ