Saturday, February 2, 2013

How to Create a Textbox or Textarea in Blogger

Many bloggers make use of a text box either in their posts or somewhere in the sidebar to put emphasis onto some important texts or simply to display a list of links. The good thing with a text box is that it looks neat and you can re-size it accordingly, and you can put in as many texts as you want and enjoy from its scroll bar facility.



Below is an example of how a Text box looks like,



Note: To proceed with the text box you should do it on New Post >> "Edit HTML",it won't work if you do it on "Compose".




Users can add Texts
 The code below will give you a text box with no limit to the amount of text that can be inserted but browsers may have their own present limits.

<textarea rows="5" cols="40">YOUR TEXT HERE</textarea>
e.g


Read Only Text Box
For this one readers can read or select and copy the text but they cannot input or edit any text in the text box. This can be done by inserting a <readonly> attribute into the textarea code.

Here is the code:

<textarea rows="2" cols="30" name="Famous Quotes" readonly="readonly">Your Text Here</textarea>
e.g


Text Box with "select All" Hacks
This one will allow users to automatically select the whole text by just clicking in the text box.

<form><textarea rows="5" cols="40" onClick=select() readonly>Your Text Here.</textarea><form/>
e.g

Link to site Text Box
This text box is use to display a code for readers to link you your Blog. 


<textarea rows="4" cols="25" name="Link to Site" readonly="readonly">Your Hyperlink Code Here</textarea>
e.g


I hope this little tutorial may help you, cheers!

No comments:

Post a Comment