BloggerHero - Blogger Tuts, SEO, Themes, Gadgets
Inspired by Material Design

How To Add HTML Parser Tool in Blogger

5 comments

Add HTML parser, Encoder tool to Blogger
Today I'm posting the most useful blogger tool "HTML Code Converter, Parser, Encoder" which is most demanding tool by bloggers, web developers.

There are very few sites which show such posts, that's why this is really rare and special post. So please subscribe us for such unique posts.

You can also check our most recent Blogger Widgets

Now What is HTML Parser / Encoder / Code Converter Tool ?

This Tool is mostly called as HTML Parser, Code Converter, HTML Encoder etc.

The Tool will help you to change HTML characters to simple text, which could be easily inserted in your blogger template and comment form. You can also use it to convert your adsense code into an embeddable form. It converts special characters in this way.

‘<’ becomes ‘&lt;’
‘>’ becomes ‘&gt;’
’”’ (double quote) becomes ‘&quot;’
”’ (single quote) becomes ‘&#039;’
‘&’ becomes ‘&amp;’

How To Add This Tool To Your Blog ?

Just Follow The Steps :
1. Go to Blogger > Dashboard > Template.
2. Find the following code by pressing CTRL + F
</head>
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.
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. 
123456
<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 !

Please don't remove our attribution link from the source.
You can add our Blogger Badge to your blog.
Sharing is Caring ! Please share this post with your friends :-)
and Don't forget to subscribe Us by entering your Email in Feedburner Box at Right Sidebar.

Want More tricks ? Go to TechEthix

5 comments :

  1. The converter box is showing but its not converting any code.
    Please check it in Blogspot Yard and give me the proper solution.
    Thanks in advance

    ReplyDelete
  2. Same Problem ; The converter box is showing but its not converting any code.
    Please check it in My Hindidea

    ReplyDelete

Powered by Blogger.