How to Add/Create Text area with selection button in blogger posts?

Adding script code or HTML code or CSS code in blogger posts “Blockquote” plays vital role to keep code attractive.
But, if any link or code is un-wrapped then it goes beyond sidebar.
Here in this article BlogTariff educate you “How to Add/create Text area” for adding HTML/Javascript/CSS code in Blogger post in given area.

This text area helps readers/visitors to easily copy the code and implement on their blogs. Webmasters don’t need to work hard for creating/adding this text area. Let’s begin the tutorials.
How to Add/Create Text area in Blogger posts?
Sign into your blogger account
After successful writing post Click on Edit “HTML” link tab as shown in the image below

• Copy the below code where you want to show the text area paste there

Code without Select all button

<textarea style="width: 441px; height: 108px;" rows="5" cols="40">Most of the blogger can experience here wonderful topics and learn our (BlogTariff.com)well explained tutorials with sample and demo.</textarea>


Most of the blogger can experience here wonderful topics and learn our (BlogTariff.com)well explained tutorials with sample and demo.

Code with Select all button

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">COPY YOUR CONTENT HERE BY CLICKING ON SELECT ALL BUTTON ABOVE</textarea></p></div></form>

COPY YOUR CONTENT HERE BY CLICKING ON SELECT ALL BUTTON ABOVE

Customization:-
After pasting code Click on Compose link tab
Now replace “COPY YOUR CONTENT HERE BY CLICKING ON SELECT ALL BUTTON ABOVE” with your HTML/Javascript/CSS code
That is it you’ve done