31 January 2013
How to Add/Create Text area with selection button in blogger posts?
Thursday, January 31, 2013
By
Imtiaz Ahmed
Blogger Tips,
Blogger Widgets and plugins,
Tips And Tricks
No comments
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>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
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