Adding a HTML Parser to Blogger, WordPress and Webpages

Parsing HTML is an automated task which is a bit more complicated than what you may actually expect. It helps fix invalid HTML codes and improve the layout and indent style of the resulting markup.

Usually, we are normally directed to sites like Blogcrowds and their likes to have our #HTML code parsed. This I found a bit more un-secure, so I did some research to find out how I can offer this feature on my blog so that visitors can just parse their #HTML codes without having to leave my blog. After a lot of digging and scratching on the internet, I was able to find answers. So in this post, I want to show you guys how to simply add this great feature to your own blog or page.

The steps below are a detailed procedure on how to add it to your blog and webpages;

For Blogger:

  • Login to your Blogger Dashboard.
  • Go to Layout >>> Add a Gadget depending on the side you want the parser to appear.
  • Select HTML/JavaScript from the pop-up that will appear.
  • Copy the code below and paste into the box provided
 <script src="http://www.gmodules.com/ig/ifr?

url=http://hosting.gmodules.com/ig/gadgets/

file/102462998830435293579/post-

Code.xml&amp;up_grows=10&amp;up_conv1=1&

amp;up_conv2=1&amp;up_conv3=1&amp;up_

conv4=1&amp;up_conv5=1&amp;synd=open&

amp;w=320&amp;h=200&amp;title=Post-Code

%3A+code+converter&amp;border=http%3A%2F

%2Fwww.gmodules.com%2Fig%2Fimages

%2F&amp;output=js"></script>
  • When you are done pasting the code, click on Save and you are done.

For WordPress:

The steps involved in adding the parser to WordPress is different from that outlined above. For WordPress, simply follow the steps below;

  • Login into your WordPress powered website.
  • Navigate to Appearance >>> Widgets.
  • Next drag the Custom HTML widget to the position you wish to add the parser.
  • Finally copy the code snippet below and paste into the Custom HTML widget box and then click on Save >>> Done.
<script src="http://www.gmodules.com/ig/ifr?

url=http://hosting.gmodules.com/ig/gadgets/

file/102462998830435293579/post-

Code.xml&amp;up_grows=10&amp;up_conv1=1&

amp;up_conv2=1&amp;up_conv3=1&amp;up_

conv4=1&amp;up_conv5=1&amp;synd=open&

amp;w=320&amp;h=200&amp;title=Post-Code

%3A+code+converter&amp;border=http%3A%2F

%2Fwww.gmodules.com%2Fig%2Fimages

%2F&amp;output=js"></script>

For Other Webpages:

For other webpages, simply copy the above code snippet and paste where ever you want the parser to appear on your website page. Note that the code has to go in-between

With this done, you will notice that the HTML parser have been added to your blog’s page so that your blog visitors can just parse their HTML codes without having to leave your blog during a tutorial that requires them to parse a HTML code.