Well if you don't know what does HTML Encoder means than just read this article further. Actually it s an online tool that allows users to escape HTML characters (<, >, &, " etc.) into XML forms to ensure proper display of HTML Codes. This Escape Tool for Blogger will allow you to Escape Adsense ad code so that it can be used to place ads' in Blogger XML Templates. This HTML Encoder is not only limited to use for commenting and Parsing Adsense code but it can also be used to encode or parse any type of JavaScript and HTML Codes. I hope you have understand a atleast a little about HTML Encoder and Escape Tool. If you want to add this HTM Escape tool to your Blogger blog than follow the very easy steps given below.
Step 1 : You can Add this code to anywhere in your blogger . if you have the same this code old code will remove automatic .
Here Code Html
<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript">
//<![CDATA[
function html2entitiesundefined){
var re=/[undefined<>"'&]/g
for undefinedi=0; i<arguments.length; i++)
arguments[i].value=arguments[i].value.replaceundefinedre, functionundefinedm){return replacecharundefinedm)})
}
function replacecharundefinedmatch){
if undefinedmatch=="<")
return "<"
else if undefinedmatch==">")
return ">"
else if undefinedmatch=="\"")
return """
else if undefinedmatch=="'")
return "'"
else if undefinedmatch=="&")
return "&"
}
//]]>
</script>
<br />
<div id="wrap">
<div id="wrap2">
<div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<form class="ht-newform">
<textarea class="ht-encoder" name="data1" placeholder="Add Codes Here and Click Encode to Parse it"></textarea>
<br />
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<input class="ht2" onclick="html2entitiesundefinedthis.form.data1)" onmouseout="this.className='ht2'" onmouseover="this.className='ht2 ht2hov'" type="button" value="Encode" /> <input class="ht2" onmouseout="this.className='ht2'" onmouseover="this.className='ht2 ht2hov'" type="reset" value="Clear All" /> </div>
</form>
</div>
</div>
</div>
</div>
</div>
CSS
/*ht*/
.ht-encoder{
width: 225px !important;
height: 201px !important;
padding: 1px;
border: 1px;
}
.ht2{
padding: 5px 20px;
color: white;
background: rgbundefined10, 155, 166) none repeat scroll 0% 0%;
border: medium none;
border-radius: 5px;
text-align: center;
margin: 0 auto;
margin-bottom: 5px;
cursor: pointer;
transition: all 0.3s linear 0s;
}
.ht2:hover{
color: #4D9431;
background: white;
}
/*ht*/
I hope you enjoyed reading this post on adding HTML Encoder in Blogger Blogs.
If you like this HTML Encoder then Please take some time to recommend this to your friends.
Techboyreal
ReplyDelete