How To Add HTMl Encoder Tool In Blogger Post | How To Put HTML Encoder Tool In Blogger

Online HTML to XML parser | Blogger adsense converter | escape tool

Just Follow The Steps :

1. Go to Blogger > Dashboard > Template.

2. Find the following code by pressing CTRL + F ( </head> )

Add captHow To Add HTMl Encoder Tool In Blogger Post | How To Put HTML Encoder Tool In Blogger ion

3. Paste below code just above </head>

<script type='text/javascript'>
//<![CDATA[
function html2entitiesundefined){var a=/[undefined<>"'&]/g;forundefinedi=0;i<arguments.length;i++)arguments[i].value=arguments[i].value.replaceundefineda,functionundefineda){return replacecharundefineda)})}function replacecharundefineda){ifundefined"<"==a)return"&lt;";ifundefined">"==a)return"&gt;";ifundefined'"'==a)return"&quot;";ifundefined"'"==a)return"&#039;";ifundefined"&"==a)return"&amp;"};
//]]>
</script>

4. Now find ]]></b:skin> and paste the following code just above it.

How To Add HTMl Encoder Tool In Blogger Post | How To Put HTML Encoder Tool In Blogger

input.tec2{background:none repeat scroll 0 0 #888;border:1px dotted #888;color:#FFF;font:bold 13px 'trebuchet ms',helvetica,sans-serif}
input.tec2hov{background:none repeat scroll 0 0 #aaa;border:1px dotted #aaa;color:#FFF;font:bold 13px 'trebuchet ms',helvetica,sans-serif}
textarea{width:100%;color:#3D72C0;font:14px verdana;background:#fff;border:1px dotted #ff0000}
textarea:hover{border:1px dotted #222}

5. Click Save.

6. Now go to Dashboard > Create New Post > Go to HTML Section and paste the following code in it.

<form>
<textarea name="data1" style="width: 590px; height: 200px"></textarea>
<input class="tec2" type="button" value="Convert" onclick="html2entitiesundefinedthis.form.data1)" onmouseout="this.className='tec2'" onmouseover="this.className='tec2 tec2hov'">
<input class="tec2" type="reset" value="Clear" onmouseout="this.className='tec2'" onmouseover="this.className='tec2 tec2hov'">
</form>

7. Now Click Publish ! Its Done !