Friday, July 28, 2017

By this useful Article I guide you about how to add Textarea Box, Text Box to Blogger Post, this article is very different like other tutorials. Many blogger make use of a text box either in their posts or somewhere in the sidebar to put emphasis onto some important texts or simply to display a list of links or div codes, JavaScript and HTML Codes.

The good thing with a text box is that it looks neat and you can re-size it accordingly, and you can put in as many texts as you want and enjoy from its scroll bar facility. I guide you more about text box some time some textarea box not working in div codes and other are tricky. For more guidance see the following topics. 

  1. What is Textarea Box
  2. What is Read Only Text Box
  3. How to Add Div Code In Textarea
  4. How to Customize Textarea to use Blogger

Add Stylish Customize Textarea Box to blogger

1.   What is Textarea Box

Textarea box you can use for JavaScript or HTML code in your posting area. Further I discuss that there are times when you need to embed plain content into your Blog Entry or format. This might be a bit of HTML code or JavaScript that you might want peruses to duplicate, for example, the "Connection to Our Site or Blog" code in the sidebar. It could likewise be the Terms of a Lawful Understanding that clients can see. As we should be talking about in our article on making shapes in Online journals, the content box can likewise be utilized as a part of criticism boxes for clients to enter input and remarks.  The HTML code of the content box makes utilization of the <textarea> property. For the content box to be in a Blog Entry, while drafting the Post, change to "Alter HTML" mode to embed the accompanying code. On the off chance that it is to show up in the sidebar or different parts of the format, go to Layout> Page Components> Include a Page Component and select "HTML/JavaScript" to embed this code.The trait columns demonstrates the quantity of unmistakable sections and the lines demonstrates the quantity of noticeable lines. Note this just sets the measurements of the content box. The lines of content can surpass the predefined territory, and when that happens, there will be scroll bars along the edges to enable clients to see every one of the substance. There is no restriction to the measure of content that can be embedded however programs may have their own preset breaking points.

2.   What is Read Only Text Box

This is very tricky and readers and visitors can read or select and copy the text but they cannot input or edit any text in the text box. This can be done by inserting a <readonly> attribute into the textarea code. In the event that the content box contains terms and conditions or data, we can embed a <readonly> property into the textarea code. Users can see the content yet they can't alter or correct it, or embed any contribution to the box. We changed the estimation of the columns and columns to give you a thought how huge the containers will be with these qualities. A name can be doled out to the textbox for scripting purposes. Here, we have set it to show a readonly content which clients can't alter, yet can in any case select and duplicate. The Following code is only read and can not edit.

<textarea rows="4" cols="35" name="Top Stories" readonly="readonly">Your Text Here</textarea>

3.   How to Add Div Code In Textarea

Some textarea box are not allowed Div codes and there is problem and how to add Div code in textarea box you can use following useful code for that and solve the problem. I have tested it that it is working fine in Div codes and also JavaScript Codes and HTML Codes. First to your Blogger Blog and login with your account and go to theme and Edit HTML and search CSS Style code line ]]></b:skin> and past the following code before it.
.codebox {
  background: #333366;
  border: solid #5C7B90;
  border-width: 1px 1px 1px 20px;
  color: #000000;
  font: 13px 'Courier New', Courier, monospace;
  line-height: 16px;
  margin: 10px 0 10px 10px;
  max-height: 200px;
  min-height: 16px;
  overflow: auto;
  padding: 28px 10px 10px; width: 90%;
.codebox:hover {
  background: #99FFFF;
<!-- background-image:url(; -->
After that Add following code in your post area and add Div code or any Java Script and other HTML Code.

<div class="codebox">

Your code here

4.   How to Customize Textarea to use Blogger

We are using and creating  textareas, we don’t exercise and how we control over and I we resize it and how we change columns, background colors, width and other functions.,  By default they can be resized vertically or horizontally and they also use the default resizing button. However, we actually have far more control than we think we do.  Now I describe that how the textarea should resize and we even have any element that allows us to control the icon. now I introduce following customize textarea box and you can change it with and it is easy and fine and stylish. 
<textarea cols="81" rows="2" style="border: groove 6px #446CB3; float:left; font-size: 16px;">
Your Code Here

Now see the above code and change it as per your choice. I think this article is very useful like other tutorials. 

Contact Form


Email *

Message *

Home     About Us     Contact Us     Privacy Policy     Disclaimer     Sitemap    

                                  Copyright ©2014-2018. Media Music Mania - All Rights Reserved.