Saturday, September 19, 2020
Home Blogging Tips & Tweaks Adding a HTML Parser to Blogger, WordPress and Webpages

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.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

List of All JavaScript Arithmetic Operators With Examples

JavaScript offers several operators to help us work with numbers. All these operators are binary operators, which means they operate on two operands. The operands...

How to Find a Website’s RSS Feed’s URL

Having access to the RSS feed of a website gives you the opportunity to stay up-to-date on everything that website publishes. Whether that’s a...

Laravel: String data, right truncated: 1406 Data too long for column (SOLVED)

I was working on a project today when i ran into the error message "String data, right truncated: 1406 Data too long for column...

How to Enable or Disable Chrome’s Autofill on Android Devices

Storing your login details and other information in Chrome and/or your Google Account isn’t as secure as using an encrypted password manager, but it’s...

Recent Comments