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.

Tuesday, 17 May 2011

How to add basic HTML codes to blogger

By this useful article you will teach that How to add basic HTML codes to blogger.  I have received lot of emails in this regard because new blog owners have a problem to put HTML codes in blogger post. I have read lot of articles available online but it is very difficulties to understand because visitors and readers can not understand due to some reasons because visitors like simple language and simple words to understand. Especially our Asian visitors like simple English and simple contents which are easy to understand. It is require an special technique to display the HTML codes in free blog blogger posts, because if you just directly copy paste the code to your posts editor, after that you will find the blank page without any code. In order to show HTML, Javascript, CSS, PHP and other codes in your free blog blogger posts, you require parsing or modifying the accessible code with the body of those codes. Now I will guide you step by step very easy how you parse html codes and how you insert it on your blogger post. I have seen the requirement of the new blog owners and other friends now I describe you step by step suggestions and instructions simple and easy read the following instructions carefully. If you want to read more about HTML language like: html background codes, html text codes, html music codes, html tags, html tutorial, html color codes, html font codes.

1. There is lot of tools available online but I have found very great tool to parse your html codes easily go to http://centricle.com/tools/html-entities/ and when you will open this tool you will see the picture has given below:




2. After that paste your required html code vacant place of  the above tool  and press the button (Encode) you will see the result and your html code will be parsed for more information see the picture has given below:



3. Now paste the parsed code shown in the above picture in your post  body  which place as you need with carefully and save your template, when you will see in your free blog blogger post that the code will be changed in original condition see the following picture blog The Blogger School post it has changed with successfully:


















I hope the above simple procedure will be very useful for new blog owners and my friends who are new and unaware about this system, if you like this please leave your comments.