Wednesday 25 May 2011

How to add attractive text box html to blogger

By this useful article you will teach that how to add attractive text box html to blogger.  Really it is necessary that during the drafting of posting for blogger blog, we require a beautiful text box for the HTML codes and other requirement of blogger posts. So how you insert it properly and how you make attractive text box in your blogger blog. You have seen lot of beautiful ext boxes and simple text boxes but I guide you about styles and beautiful text box in your free blog blogger according your blogger templates and you can make it according your requirements. When you desire to put in plain text into your blog blogger post or template,  in  this regard you require a part of HTML code or JavaScript and the same code you can insert in the sidebar of your blog and also any place of your blogger post accordingly. I think when your visitors required the HTML code of text box and want to read about text boxes you should be clarify with easily and visitors take advantage from it. Now I will be discuss how you insert text box in free blog blogger posts and also given two main ways in this regard and step by step suggestions and tips please note the following points and also want to read more about text box html read and take information like: text box css, rotate text box word 2007, text box html code, text box validation in javascript, disable text box in html, text box events in javascript, text box in vb.

1.  How you add text box code in any place of blogger post

1.    The HTML code of the text box creates utilize of the <textarea> property and the same code text box you want to add in your blogger posting area while drafting the Post, enter on  “Edit HTML” style to include the code shown below:

<textarea name="code" rows="0" cols="20" style="background: #FAF8CC; color: #000; border: 1px solid #ccc; border-left: 20px solid #347C17; line-height: 3.8em; padding: 20px; -moz-border-radius: 20px;">The Blogger School</textarea>

2.    Now you will see the result of above code how the above code shown in your blogger post see the sample below:



3.    Now you are satisfy from the above code after doing above functions  save your blogger template and  view your  blogger blog post  as a result of the above code is correct and change the text of the above code for example I have written my blog title The Blogger School in text area and change it when you intend to apply.

2.    How to add text box code in blogger sidebar

1.   I think you are satisfy from the above function and now you want to add tex box in free blog blogger side bar go to www.blogger.com.  After that move to Deshboard >Layout > Page Element > now  click on  Ad a Gadget.


2.   Now click on Add a Gadget  and then you will see HTML/JavaScript and after that paste the text box code  and click on save button and check the result that the text box has appeared in the side bar properly. One thing note that  code often uses for the post area only, but if you require in the side bar you can do it well. 

If you like this article please leave your comments.

0 Comments:

Post a Comment