» » Html Encoder Tool for Blogger

Html Encoder Tool for Blogger

encoder

Convert your special characters to HTML code in an instant. Don't waste any more brain space or time memorizing or looking up code snippets. Just copy, paste, hit the convert button and you're set.

What Is This ?


Html Character EnCoder tool can help you to display html codes to your posts and blogs comments.

Example. If you posted this code

<body>

<p>tips4tricx.blogspot.com </p>

</body>

the browser will convert it to

tips4tricx.blogspot.com

But what if you want to display this code in your post in the same format,

just paste it in the tool's text area and click convert and copy the converted code, then add it to your blog post, then your browser and visitors will see it exactly as you entered it.

If you to add this tool in your blog than follo w the steps

Step 1; Go to blogger dashboard

Step 2;Click on template

Step 3: Click edit html

Step 4: search for </head> and the following code above the


<script type='text/javascript'>
//<![CDATA[
function html2entities(){
var re=/[(<>"'&]/g
for (i=0; i<arguments.length; i++)
arguments[i].value=arguments[i].value.replace(re, function(m){return replacechar(m)})
}
function replacechar(match){
if (match=="<")
return "&lt;"
else if (match==">")
return "&gt;"
else if (match=="\"")
return "&quot;"
else if (match=="'")
return "&#039;"
else if (match=="&")


Step 5. Find the code ]]></b:skin and paste the CSS stylish below just before or above this tag,

Step 6. Save your Template and Enjoy!
Everytime you need to use this widget in your posts or in your new post, just paste the code below in your blogger editor page (switch it to HTML mode).


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

Related Posts