How to Make Parse HTML Widget

Do you know Parse HTML Widget? It is a widget that is used to change your HTML code so you can put the code to your post or pages. Follow the steps:

1. Login to your blogger.
2. Go to 'Template' ==> 'Edit Html'.
3. Find ']]></b:skin>'. ctrl+f is the easiest way to find the code.
4. Place the code below above ']]></b:skin>'.

/*css parse html */
.boxarea_BD { background-color:#F2F2F2; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}
.boxarea_BD:hover { background-color:#FFFFFF; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}
.BD_tombol {color:#FFFFFF;font-weight:bold;text-decoration:none;padding:6px 15px;border:1px solid #c4c4c4;cursor: pointer;border-radius: 4px;
background: #fbfbfb;background-color: #000000;}
.BD_tombol:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;background-color: #313333;}

5. Click 'Save Template'.
6. Put the code below to your sidebar, pages, or posting.

<center><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><br /> <table style="margin:0 auto"><tbody> <tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 595px"></textarea><br/> <input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr> </tbody></table></center>

7. Finally, save or publish the code. Then you can find the widget on your blog. Hope this tutorial will help you.

HAVE A NICE DAY