Create a Coverter HTML Parse Tool in Blogger

Table of Contents

HTML Parser Tool is a simple tool that is often used by bloggers and web developers. The use of these web tools is very useful and quite widespread.

The use of the Automatic Parser code tool web tool is very useful and quite widely used.

Some bloggers and developers sometimes install and even make their own code parsing tools. The creation itself is usually to suit the development needs of the blog or site itself.

However. To make your own from scratch this code parsing tool requires sufficient time and skill regarding script algorithms, if the use of code parsing is only for parsing ordinary to complex code without the need for special algorithms.

How to install the HTML Parser Code Tool

For fellow bloggers or developers who need the HTML Parser Tool to be installed on a blog or website, please use it. Because in this tutorial I also provide a way to install the HTML parser tool.

• Login menu blogger
• Select the Pages menu
• Create a new page or new pages
• Then select compose after that select HTML mode to place the code.

<script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}</script>Silakan tempel kode yang ingin di-parse ke dalam kotak di bawah ini lalu klik tombol Parse HTML di bawahnya.&nbsp;<br />
<style>
.btn {
    border: none;
    color: white;
    padding: 8px 12px;
    font-size: 16px;
    cursor: pointer;
}
.info {background-color: #547a92;} /* kode warna */
.info:hover {background: #547a92;}
</style>
<table style="margin: 0px auto; padding: 5px 0px; width: 100%;"><tbody><tr><td><textarea id="somewhere" style="background-attachment: scroll; background-color: #f8f8f8; background-image: none; background-position: 0% 0%; background: none 0% 0% repeat scroll rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204); height: 250px; margin: 0px auto; padding: 5px 0px; text-decoration: none; width: 100%;"></textarea>
<br /><div><span class="Apple-style-span" style="font-family: &quot;trebuchet ms&quot;; font-size: x-small; line-height: 20px;">Copyright 2021 HTML Parser Tool |&nbsp;Webmaster |&nbsp;<a href="https://www.your-domain.com/" style="color: #181818; text-decoration: none;">Blogger anddseo.my.id</a></span></div><input 5px="" class="btn info" onclick="convert();" padding:="" style="float: right;" type="button" value="Parse HTML" /></td></tr></tbody></table>

• Change the ones marked red to change the color and size of the box.
• Save and publish.

Note : The premium responsive blogger HTML code parse tool can be modified in appearance according to the theme of your blog.

PREVIEW

That's how to make an HTML Coverter parse tool on blogger in this article. Good luck and hopefully useful.