Create Customized HTML Text Area In Your Post

If You also thik that in your blogger you can make every thing special or stylish then its imortant to make your post good and clear for your blog visitors . in this you can also customized your html text area in post .
when you add some html texts in your post then you can customized your style to make more stylish your html text area .
you can also see example in screenshot or in Live demo.

SEE DEMO

How To Create Customized HTML Text Area In Your Post ?

1. Go to blogger > template > Edit HTML .

2. Find (Ctrl+F) 

]]></b:skin>

3. Paste this code Before it :

.TTF-textarea {

padding:15px;
margin:15px;

width:500px;
height:50px;
color:#5A5A5A;
font:12px arial;
border:1px solid #FF0000; }

4. Save Your Template .

Now When You Create Any Post With Text Area Use This Code :

<textarea class="TTF-textarea" readonly="readonly">Write-Your-Text-Here</textarea>

If You Want To Customized HTML Area in Your own Color Or Style Then Change This Things

change this width:500px; height:50px; with your custome size of htmlarea
change this color:#5A5A5A;  Font Color in your textarea
change this font:12px arial; font size and font style
change this border:1px solid #FF0000; border size and color .

Done !!

If you have any question . please comment :]