Advertisement

Latest News

How To Create Text Area In Blog

By Unknown - Friday, September 7, 2012

Usually text area used to store the HTML code can be written directly into the blog post. So the function of the text area is more or less to allow visitors to copy the whole content of the text.

I. Text Area standard

To create a text area, please copy the code below:
 <p align="center"><textarea name="code" rows="2" cols="15"> Welcome to my blog </textarea></p>








the following results:


Description:

  • To "rows" = 3 is the height of the text area, so if my friend wants a higher text area please mate change with a higher rate.
  • For "cols" = 15 is the width of the text area, so if my friend wants a wider text area please mate change with a higher rate.

Pretty obvious is not it? Okey we proceed again by using the Highlight.

II.Text area using Highlights
Other variations of the text area by using the Highlight button, so it is so much easier to copy the entire contents of the text area simply by pressing the Highlight button.

Just press the button highlight the entire contents of the text area will be in the highlights and live in the only copy. Highlight key function is very useful to prevent entrainment of one or some of the contents of the text area.

Please copy the HTML code below:
<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Write something about your blog here friends, then writing that all my friends write will appear here and ready to be copied by the visitors</textarea></p></form></div>























and such is the result:




In order to understand the code above, I will give a description of the code text area above.

  1. <div align="center"> -> the center shows that the position of the button will be in the middle, so if my friend wanted to be in the position of the left edge, just change the word left. And if you want to be on the right edge, 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, the entire text is in it will be in highligt (on ​​the mark or in the block), so my friend do not change this paper.
  3. Value = "Highlight All" -> Highlight All words are words that will appear on the button, so if my friend would like to change this article please replace the word buddy want.
  4. <p align="center"> -> This indicates that the text area will be in the middle, well, if my friend wants to be my friend text area on the left bank, replace the center with the left, if you want at the right edge, replace the word right .
  5. <text style="width: 150px"> -> word "WIDTH: 150px" indicates the width of the text area of 150 pixels, so if my friend wanted to shorten or extend the width of the text area, replacing it with a buddy living numbers buddy want. eg: "WIDTH: 500px;"
  6. HEIGHT: 80px -> number "80px" indicates that the text area will have a high of 80 px, so if my friend wanted to change it just change it by the number buddy want. For example: HEIGHT: 160px.

Now that he's a little explanation of the Text Area. Good luck and hopefully useful.

Follow our blog on Twitter, become a fan on Facebook. Stay updated via RSS

1 komentar for "How To Create Text Area In Blog"

  1. Panduan membuat teks area ini bagus.... saya coba dulu gan, makasih.

Leave a Reply

Advertisement