How to make text area

What is the text area ? . The text area is the area or place that we can save html code or words for visitors can copy them to paste in their blogs or in blog Gadgets. Now I show one html code that the viewers can select (Highlight) and copy to the clipboard.Look at the script and code below :

<script type="text/javascript">
function CopyToClipboard()
{
   CopiedTxt = document.selection.createRange();

   CopiedTxt.execCommand("Copy");
}
</script>
<div>
<form name="copy">
<div align="left">
<span style="color: blue; font-weight: bold;"><b>
<i>Please Select on Highlight All and then Click on Copy to Clipboard</i></b></span>
<input onclick="javascript:this.form.txt.focus();
this.form.txt.select();" type="button" value="Highlight All" />
<input onclick="CopyToClipboard()" type="button" value="Copy to clipboard"  /> </div>
<div align="left">
</div>
<div align="left">
<textarea cols="55" name="txt" rows="100" style="height: 100px; width: 600px;">
Insert your text or html code here </textarea></div>

</form>
</div>
The red ones you can change to your purpose to suit your blog template .This is an example image for text area .

- How to make it : Copy the html code below to paste in your post or in your Gadget , but be careful , when you want to paste the html code  to your new post , you have to select Edit HTML Do not select Compose in your new post.