Create Unique Text Area

Previously we've made a text area, but this time we will create a more unique text area again. The function of the text area that is put your writing in a special box.

Can not wait to make the text area? Just follow the steps below. You only need to add script on your template. This first step then the code below:

1. Login to blogger.
2. Choose a Design and click edit HTML
3. Find the code  ]]></b:skin>
4. Enter the code below the text area, the above code ]]></b:skin>

5 When posting do not forget to add the code teksarea on you like this article

< textarea>
Your article here...
</textarea>

6. Save your template .... good luck!

Here is the text area and type in the code:

textarea {background: #000; font: 13px Verdana, sans-serif; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;}

textarea {background:#DAFFBF; font: 13px Comic Sans MS, Comic Sans, Arial; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;}

textarea {background:#BFFAFF; font:13px Tahoma; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;}

textarea {background: #EF0090; font: 13px Georgia; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;}

textarea {background: #FFDAAF; font: 14px Papyrus, Georgia; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;}

textarea {background:#FF000A; color:#fff; border:3px double #fff; line-height:1.5em; padding:5px;}

textarea {background: #FBEFFF; font: 13px Tahoma; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;}

http://templatetrick.blogspot.com/