How to Display HTML Code Within a Blog Post

Most people know how to publish a post in a blog. I have been using blogspot blogs quiet for a long time and try to help people to communicate with each other. Whenever we publish post, we can see the source code means html code for the posts. In blogspot we can see the html edit section also.

Some days before I was trying to publish a post regarding html code that gives a particular result. But whenever I tried to put that code in my post, it was showing the result. My aim was to show that particular html code group as a new post. But I want share the code with others by including Html Code with in a blog post.

So what to Do? I know you people also may face this same problem. So in the following section I am going to give you the very useful tip to include the HTML tags within the post.

First Solution

1. Copy the HTML code you want to add to your post in a notepad.
2. In the notepad , go to Edit --> Replace
3. A dialogue window will pop up. In the window, type ( > ) in the text box "Find what" and type (& g t ;) in the text box "Replace with" . Do the same for (< ) but replace it with (& l t ;). Note: Ignore the space. 4. Now copy the entire code and use it in your blogger composer. 5. Publish the post and the tags will be shown as <> in your blog post.

Second Solution

1. Creating a box where we can put any of Html code separately within a blog post.
2. Just copy the html code showing in the box below and use it whenever you need to show something separately. In this box you can also put text messages.
3. The box showed here is just an example. You can increase and decrease its width and length.

<textarea style="WIDTH: 332px; HEIGHT: 100px" onfocus="this.select();" name="textarea" cols="19"> Copy the Code and Use
That's all..Hope this will help you.Expecting Your Feedback :)

Related Posts by Categories

Widget by Scrapur