How to Easily Create Text Area on Your Blog

Text Area serves to facilitate visitors to copy the link of our blog. To facilitate you understand what the text area, please divert your attention to the right-hand column of my blog, under the heading LINK EXCHANGE, there is a box that contains text in HTML code, that is what is called the text area. Well by looking at examples, then we can say that the text area is the area or a place to store the text or text with forming a new area. Usually this text area used to store the HTML code or other text to be copied by the visitors.

To create a text area, please copy the code below:

<p align="center"> <textarea name="code" rows="9" cols="20"> Write text or code you want here, then your article will appear later in the text area </ textarea> </ p>

Description: rows = "6", shows the height of the text area, so if you want the text area high then please replace the number "6 had a higher number value.

Cols = "20", shows the width of the text area. If you want the text area width then please replace the number "20" had a higher number value.
Text Area using Highlight ]

There are other variations of this makes the text area, namely the text area by using the button highlights. with the key highlights of this will make it easier for visitors to copy the entire text or code that is given, because with just a single tap it on the highlight button above, then the entire text or code in it will be in the highlights and live in copy only. This facility is particularly useful when the text or code that is given role in a number of very much and this will reduce the risk of lagging a text or code for the copy. To create a text area using this highlights please copy the HTML code below:
<div> <form name="copy"> <div align="center"> <input onclick = "javascript: this.form.txt.focus (); ();" type = "button "value =" Highlight All "> </ div> <div align="center"> </ div> <p align="center"> <textarea style =" WIDTH: 300px; HEIGHT: 144px "name =" txt "rows =" 100 "wrap =" VIRTUAL "cols =" 55 "> save your writing here, then the text you write will appear here and ready to be copied by the visitors </ textarea> </ p> </ div > </ form> 
In order to fully understand the code above, I will describe a little. The code above has two elements, namely elements of the code to create a button that reads Highlight All, and the second is an element of the code to make the text area.

All highlight key elements:

    1. <div align="center"> -> said the center shows that the position will be in the middle, so if you want to position buttons on the left edge, just replace the word left. And if you want to be on the edge of the right, just change the words right.
    2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> -> this code means that when the highlight button is clicked, then the entire text is in it will be in highligt (on ​​the mark or in block), so you do not alter this paper.
    3. Value = "Highlight All" -> Highlight All are words that will appear inside the button, so if you want to change this article, please replace the word you want

Element text area:

    1. <p align="center"> -> This shows that the text area will be in the middle, well if you want the text area you are on the left edge, replace the word center with left, if you want on the right edge, replace the word right .
    2. <text style="WIDTH: 300px"> -> word "WIDTH: 300px" indicates the width of the text area of 300 pixels, so if you want to shorten or extend the width of the text area, you just replace it with the number you want. eg: "WIDTH: 700px;"
    3. HEIGHT: 144px -> number "144px" indicates that the text area will have a height of 144 px, so if you want to change it just change it by the number you want. For example: HEIGHT: 160px.

Sample text area using button highlighted above, load the scripts to protect the visitors from the right click. scripts are in use if you do not want your writings in the copy and paste by visitors. for those interested please copy and then plug in your HTML code between the code <HEAD> and </ HEAD>, good luck!
© 2011 All About Free | Guest Book | Powered by