31 January 2013

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

Namecheap.com - Cheap domain name registration, renewal and transfers - from only $3.98/Year


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

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

  • 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>

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>


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

Please Share it! :)

0 comments:

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Imtiaz Ahmed

Popular Posts

Recent Post


Recent Posts Widget | IBT