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

Comments

Post a Comment

Popular posts from this blog

Read analog input of Arduino Due board

Image
The Arduino Due Board has 12 analog inputs (pins from A0 to A11), each of which can provide 12 bits of resolution (i.e. 4096 different values). By default, the resolution of the readings is set at 10 bits, for compatibility with other Arduino boards. It is possible to change the resolution of the ADC with analogReadResolution(). The Due’s analog inputs pins measure from ground to a maximum value of 3.3V. Applying more then 3.3V on the Due’s pins will damage the SAM3X chip. The analogReference() function is ignored on the Due. Analog input pins on Arduino Due Board Example to read from Analog Input: int analogInputA0 = A0; int varA0; void setup() { Serial.begin(9600); analogReadResolution(12); //set ADC resolution to 12 bits } void loop() { varA0 = analogRead(analogInputA0); //read ADC input Serial.println(varA0, HEX); //print as HEX delay(1000); } Read Analog Input on Arduino Due If the code compiled with error: 'analogReadResolution' was not declared in t
Read more

Application Note of Cortex-M3 Embedded Software Development

Image
The Arduino Due is a microcontroller board based on the Atmel SAM3X8E ARM Cortex-M3 CPU (datasheet). It is the first Arduino board based on a 32-bit ARM core microcontroller. The Application Note 179 Cortex™-M3 Embedded Software Development , from ARM Information Center, introduces the main features of the ARM Cortex™-M3 processor and describes different aspects of developing software for it. It also covers the migration of existing ARM projects to the Cortex-M3 platform. PDF version available at the bottom of the page. Application Note of Cortex-M3 Embedded Software Development Table of Contents 1. The Cortex™-M3 1.1. Nested Vectored Interrupt Controller (NVIC) 1.2. Memory Protection Unit (MPU) 1.3. Debug Access Port (DAP) 1.4. Memory map 2. Developing software for Cortex-M3 2.1. Exception handling 2.2. Memory Protection Unit (MPU) 2.3. Stack and heap configuration 2.4. Instruction set support 2.5. Bit-banding 2.6. Execution Modes 2.7. Supervisor Calls (SVC) 2.8. System Timer (SysTick
Read more