How to Add a Simple HTML text Box in Your Blog Post or on your Website?

             Hello, today we will learn how to add a Simple HTML text box to a website. Many of blogger write on widgets gadgets and on other designing topics where they need to show the coding part separately and for showing some text part different. Simple Html Box works this work done. Many people need to a separate text box to show code or for specific text. Many of us some JavaScript or CSS code for a Text Box. They why we use Simple HTML Text Box?

              

              It�s too simple to use and you can easily customize it. And the Major factor is, It Load at the time of Webpage Loading. It does not increase your Blog load time, like other text Box Scripts take time to load and affect your Site SEO.  Now you know the top secret of text box, so I think now you never use other codes for a text box. J

It�s too simple to add a HTML text box.

Copy the below code which type of text box you want and paste it where you want to add text box.

Simple Text Box

<!�Simple HTML box by Blogger Explorer -->
<textarea>
This is the area where you need to add your text part. Sample of Simple HTML Box.
</textarea>

Want to add more functionality to Text Box.

Text Box Size

If you write text more than the text area covers than automatically a scroll bar is added with your Text Box to complete the text area.

<! -- Simple HTML box by Blogger Explorer -->
<textarea cols="100" rows="10">
This is the area where you need to add your text part. Sample of HTML Box with Custom Size
</textarea>

Edit- in above text box I take column size = 100 and Row size 10. You can customize your own.

Cols � column size

Rows- Row size

Text Box Name

When you use the text box in coding you also need to add name attribute to your text box because there you can identify you text box by its name. How see the below code?

<!-- Simple HTML box by Blogger Explorer -->
<textarea name="MyFirstTextBox" cols="100" rows="10">
This is the area where you need to add your text part. Sample of HTML Box with Custom Size with name attribute.
</textarea>

Add Text Box in Blog Posts

Log in to your blogger account, than create a new post.

Now you are at post editor. Changes the post mode, compose to HTML. Paste the above copied code. Again change the mode, HTML to Compose.

I think it�s too easy. But if you have still any query and face any problem. Feel free to ask me. Thank you. J