How to Install HTML Parser Tool in blogger

How to Install HTML Parser Tool in blogger

If you want to install an HTML parser tool in your Blogger blog, you can follow the steps below:

Go to the HTML parser tool website you want to use and copy the code for the tool.
Go to your Blogger dashboard and click on the "Layout" option.
In the "Layout" section, click on "Add a Gadget" where you want to add the tool. For example, you can add it in the sidebar or footer section.
In the pop-up window, scroll down and click on "HTML/Javascript".
Paste the code for the HTML parser tool in the "Content" box.
Click on the "Save" button and then click on the "Save arrangement" button.
Preview your blog to see the tool installed on your blog.

That's it! You have successfully installed an HTML parser tool in your Blogger blog. You can repeat these steps to install any other HTML parser tool you want to use.

For a blogger, of course you can't be separated from the HTML code. At a minimum, we need to understand it, especially if we join in playing Adsense, we definitely have to understand

Definition of Parse

the word Parse in Indonesian is Urai, or defined in a deeper sense means parsing words. In this case parsing Javascript/HTML code is aimed at changing the code so that it becomes a result without changing the original code.

Read More: Sundar Pichai Biography

So to be clear, when the JavaScript code is parsed, its function will not change even if the parse code produced is different or changes from the original JavaScript code.

So, Parse HTML is a way to parse html or javascript script code using online (web) and offline (application) tools so that it is compatible and acceptable to the Blogger platform.

Other names for HTML Parser Tool are HTML Converter, HTML utilities, Adsense parser, Ad Code Converter.

These tools are usually used by bloggers to convert javascript code from advertisements such as AdSense ad scripts, because the original javascript code does not work if it is installed directly in the post via html editing, so a script conversion process must be carried out which is usually called Parse HTML

Usually, if you want to parse the code, you have to visit the online parse tools website, right? Well, it turns out that you can also make these Parse tools on your own personal blog so you don't have to bother visiting the parse tools website anymore.

Apart from this function, that is when you try to place Adsense ads on a blog template. Google adsense does not allow changing the design of the results of the adsense code obtained from the adsense account.

If that happens then you will be banned. And the solution is to use this method, namely to parse the Adsense ad javascript code so that it can be received when we paste it in the HTML of the blog.

And finally, this tool is useful to make it easier for you to write <pre> tags in articles.

How parsing HTML works

The way this HTML Parser Tool works is converting symbols:

Convert & to and &

Convert ' to '

Convert " to "

Convert < to <

Convert > to >

How to Install HTML Parser Tool in blogger

1. Please open your own Blogger account.

2. After that, please go to the Pages menu or Pages.

3. Select New Page or New Page.

In blogger articles, there are two modes to choose from, namely the Compose and HTML modes. So, please choose HTML Mode. Copy the code below.


<textarea id="codes" placeholder="Taruh script disini kemudian klik 'Parse'. Untuk parse script baru, klik 'Bersihkan'" spellcheck="false"></textarea> 


<div class="button-group">
<center>

<span class="Apple-style-span" style="font-family: &quot;trebuchet ms&quot;; font-size: x-small; line-height: 20px;">Alat Parse HTML &nbsp;oleh &nbsp;<a href="http://www.tongkolpedia.com/" style="color: #2980b9; text-decoration: none;">TongkolPedia</a></span></center>
<button id="convert" onclick="cdConvert();this.disabled = true;">Parse</button><button onclick="cdClear();">Bersihkan</button></div>


<ul id="wrapin">
<li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code></li>

<li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li>
<li><input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></li>
<li><input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></li>
<li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code></li>
</ul>
<style type="text/css">

button,button[disabled]:active{border: none;padding: 5px 12px;color: #fff;background-color: #0ea6d8;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;}
code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;}
#codes{font:13px 'Courier New',Monospace;border:1px solid #CCCCCC;width:550px;height:250px;margin:0 auto;display:block;background-color:#f2f2f2;color:#333;padding:15px;}
.button-group{margin:0 auto 0;text-align:center}
button:active{background:#3f92e1;}
button[disabled],button[disabled]:active{background:#3f92e1;}

opt3 = document.getElementById('opt3'),
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin-right:10px;}
</style> 
<script type="text/javascript">
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
    wtarea.focus();
    document.getElementById('convert').disabled = false;
}
function cdConvert() {
    var ctarea = document.getElementById('codes'),
        cv = ctarea.value,
        opt1 = document.getElementById('opt1'),
        opt2 = document.getElementById('opt2'),

</script>
opt4 = document.getElementById('opt4'),
        opt5 = document.getElementById('opt5');
    cv = cv.replace(/t/g, "    ");
    if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
    if (opt2.checked) cv = cv.replace(/</g, "&lt;");
    if (opt3.checked) cv = cv.replace(/>/g, "&gt;");
    if (opt4.checked) cv = cv.replace(/"/g, "&quot;");
    if (opt5.checked) cv = cv.replace(/'/g, "&#039;");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();

};

Note: Please modify the script according to your own creativity, for example to change the size and so on.

4. Click Publish. Done Now you can use your own parse tools on your personal blog.

Advantages of Creating Private Parse Tools on Blogs

When we are required to parse HTML scripts, we just need to enter the parse tools page on our blog page, without having to busy opening Google and looking for other people's sites, just to parse our HTML code.

The point is, by creating personal parse tools, we won't be bothered anymore looking for parse tools sites, because we already have our own.

Hopefully sharing this time has benefits, if it's not good, please don't take it. that's the post about Parse HTML on the Blog that I can convey, hopefully it can increase your knowledge, maybe there is some addition from you all? if there is, please fill it in the comments column don't forget to also give a suggestion