How to add HTML Code in Website or Blogs

How to add HTML Code in Website or Blogs

Long back, I came across a doubt about how to add html/xhtml or other markup tags as it is in any blog or website. because web browser by default interpret it as normal tag and render it as normal html form(we want in text form). There are few methods.

Method 1)

Go to this free website Simplebits.com. 

In the "Enter Markup" textbox enter the html code which you want to see as it is in text form in your website/blog. Click Process. You will find in "Cut n Paste" textbox similar code (with converstion of  < as "& lt;"  > as "& gt;" new-line as <br/>). Paste this in your blog/website.

That's Done ! 

Method 2)

1. Browse to https://gist.github.com/
2. Add a Gist Description (optional)
3. Add a filename with an extension (extension will be used to add syntax highlighting for .java, .html, .cpp etc )
4. Add your code snippet which need to be added to your blog post
5. Click “Create Public Gist” button
6. Click on the “embed” link and copy the script generated.

This is all from Gist side. Now to Blogger,

     7. Paste the script where you need to add the code snippet

     8. Make sure to select the option “Interpret typed HTML” under Post Options -> Compose Settings

Here is how an example html/java code looks like after this 8 Steps above,

That's Done !
[Please like/share/comment if you find it useful !]