Creating Text Area in Blogger

Giving your website visitors easy access in copying important text, HTML or JavaScript code.

Adding 'Text Area Box' helps you highlight the data information which you can feature inside a post or your site's sidebar.


The steps..

1. Remember to always Back Up you Template!

2. Go to your Dashboard > Template > Edit HTML >

3. Expand the Widget Template and look for </b:skin>  using (Click 'CTRL and F').

4. Copy the below code and paste it before </b:skin>.

.ta-sevenends{
padding:0;
margin:0;
background: #dddfff;
width:400px;
height:77px;
color:#666;
font:14px arial;
border:2px dotted #289728; }

.ta-sevenends:hover {
color:#289728;
border:4px solid #666;
}

5. Save the template.


Adding the 'Text Area Box' in Blogger posts.

Sample: Text/Message Here --- Yehey!

Go to "Edit HTML" mode section of of your blogger editor and add the HTML <textarea> tags code below.

Text/Message Here

Replace 'Text/Message Here'  with your text or code.

-------------------------
**With 'readonly' code -- If you want your site visitors to just select and copy the text/code without the option of editing while your inside the text box.
 

Text/Message Here

Sample with reaadonly: Text/Message Here