Thursday, April 7, 2016

How to add TEXTBOX to show codes like HTML, Javascript, C,etc. Between Posts in Blogger or Wordpress | Code between Posts | Blog2Life16 Developers

Add Textbox Between posts :

Hi,
In this Post, I am going to tell you about "How to add TextBox between posts in Blogger or Wordpress".
----
Many times, You need to show the HTML, Javascript or any other code between your Posts to Show the users.
But, You don't wish to add the code between your post area but you wish to show the posts in a Textbox or Highlighted box.
Textbox or Textarea will allow the visitors in your Site to select the code properly and efficiently and do their programming or any other things with the help of your website. You will give good Selection Area to the users.

Advantages of adding textbox between your Posts :


  • Allow user to select text efficiently
  • Help users to see the codes Properly
  • Attractive method to show codes between posts

---
How to Show the Textbox or TextArea between posts in Blogger or Wordpress :

While writing the posts in blogger or Wordpress, you will see the Edit HTML option.
or HTML Editor option in the Visual Editor of the Post.

Click on that option of editing post in HTML.

Now go to that Portion where you wish to show the Textbox and Paste the Codes shown Below :

Different Codes for Different Types of Textbox are shown Below :

To show the textbox where visitors can input text :

Add this Code :




<textarea rows="5" cols="40">TEXT</textarea>




Users will see like this if you add TEXT instead :



Text box with Read-only Functionality :



With this textbox, You cannot allow users to change the content in the textbox. The textbox will be read only.

Add this Code :


<textarea rows="6" cols="50" name="Famous Quotes" readonly="readonly">More you Write, More the views You Get, By Rushikesh Thawale</textarea>

What users will see :



Textbox with Word-Wrap Functionality :

Text-Box with Word Wrap functionality allows the users to change the size of the text box and Resize it according to their needs. Actually, It helps in Word Wrapping inside the text box.


Add this Code :

<textarea rows="8" cols="30" wrap="hard">TEXT</textarea>
What users will see :


--------------
Thus, You've learnt " How to Add Textbox between Posts in Blogger or Wordpress ".

See this Image for adding it in HTML editor of posts in your Blog :



Post by Blog2Life16 Developer © 2016
Follow us on Google+ and Facebook.

No comments:

Post a Comment

Thank You ! For Commenting here.
We respect your Comment and We will reply as soon as possible.
TECHINFOBLOG

Disqus Shortname

Comments System

Disqus Shortname

Comments system