DISPLAYING HTML CODE TO POST OF BLOG

HTML code sometimes needs to be placed on the blog post, especially when we discuss the tutorial or anything related to HTML code. HTML code sometimes can not be displayed as you wish. If we write the HTML code in Text Area that perform the posts is the result of the HTML codes are.

For example we want to display the HTML code below Scroll Bars like this:


<div class="widget-content">

<ul style="overflow: auto; height: 150px; width:

150px;">

<li><a href="http://www.YourLink.com/">Title Text</a></li>

<li><a href="http://www.YourLink.com/">Title Text</a></li>

<li><a href="http://www.YourLink.com/">Title Text</a></li>

</ul></div>

So the HTML code will appear in the posting as follows:

• Title Text


• Title Text


• Title Text


• Title Text

We will discuss one way to solve the problem. To display the HTML codes that follow the following steps:

1. Prepare and copy the HTML code that will ditapilkan on posingan
2. Visit Centricle.com
3. Delete text "Ampersands & angle brackets need to be encoded". And paste the HTML code that has been copied into the text area (betwen <em>.....</em>)
4. Click the link below Encode Text Area Centricle
5. Copy the results of these encode (betwen <em>.....</em>)
6. Paste in the text area on your post

Try and see the results. Good luck and move on with bloggers