How to add HTML Text box in Your blogger Post

• Sign in to your Blogger account
• Then goto Blogger Dashboard >>Template>Edit HTML
• Press Ctrl+F atonce ,a box will apear and Find this code ]]></b:skin> in your template HTML editor
• Now paste the CSS Code before/above on ]]></b:skin>
• Save your template 

Demo Here
  #textarea_06 { width:550px; max-width:550px; height:350px; margin-top:10px; margin-bottom:10px; padding:15px; font-weight:normal; font-style:normal; font-size:14px; line-height:110%; font-family:Verdana,Geneva,'DejaVu Sans',sans-serif; border:2px solid #BCBCBC; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#F4F4F4; background:rgba(73,71,71,0.75); -moz-transition:all .6s ease; -webkit-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; transition:all .6s ease-in-out; } #textarea_06:hover { color:#F6F3F3; -moz-box-shadow:0px 10px 25px 0px #AAA6A6; -webkit-box-shadow:0px 10px 25px 0px #AAA6A6; box-shadow:0px 10px 25px 0px #AAA6A6; -moz-transition:all .6s ease; -webkit-transition:all .6s ease; -o-transition:all .6s ease; transition:all .6s ease; }

When you make a post then Press HTML Button and add this code

<textarea id="textarea_06" readonly="readonly">
Type your Text or Code Here...
</textarea>