Adding HTML Parser in Blogger Webpage
HTML Parser/converter is a Java library used to parse/convert HTML in either a linear or nested fashion. In blogger when we sometimes want to add some codding, it shows error. But without modification or change of template we can not show ads or others in blogger pages. To solve this problems, converting HTML or parsing is necessary. such as
But manually converting these is nothing but tiresome journey to the coding world. Here we
need a converter/parser so that we may get converted HTML code automatically instead of doing it manually. Today I will discuss about an HTML converter/parser by which you easily can covert your HTML. This HTML Parser is a super-fast real-time parser for real-world HTML. What has attracted most developers to HTML Parser has been its simplicity in design, speed and ability to handle streaming real-world html. HTML Parser has been created so that Google Adsense can be added into the body of Blogger Templates. See the demo here. To set this stylish HTML parser tools into your webpage, Just copy the following code and Paste anywhere you want to display the code.
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>HTML Parser - DIMpost</title>
<link href="../favicon.ico" rel="icon">
<style>
body {
font: 14px Verdana, Arial, Helvetica, sans-serif;
}
.htp-main-area {
height: 290px;
}
.html-parser {
max-height: 350px;
min-height: 220px;
max-width: 700px
}
.htp-box {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px 2px 2px 1px;
height: 350px;
margin: 10px auto;
padding: 0 20px 18px;
text-align: center;
max-width: 500px;
}
.for-parse-another-link {
height: 300px;
}
.button-css {
cursor: pointer;
border: none;
background: #F2861D;
padding: 3px 8px;
margin: 7px 0 0;
color: #f4f4f4;
}
.button-css:hover {
background: #666666;
}
</style>
</head>
<body>
<div class="htp-box">
<div class="for-parse-another-link">
<div style="text-align: center;">
<center>
<h1 style="font-size: 22px; border-bottom: 1px solid #ddd; padding-bottom: 6px;">HTML Parser</h1>
</center>
<div class="htp-main-area">
<center>
<script style="display:none" type="text/javascript">
function convert(){var ele1=document.getElementById("somewhere");var replaced;replaced=ele1.value;replaced=replaced.replace(/&/ig,"&");replaced=replaced.replace(/</ig,"<");replaced=replaced.replace(/>/ig,">");replaced=replaced.replace(/"/ig,""");replaced=replaced.replace(/�/ig,"±");replaced=replaced.replace(/�/ig,"©");replaced=replaced.replace(/�/ig,"®");replaced=replaced.replace(/ya'll/ig,"ya'll");ele1.value=replaced;}
</script>
<center>
<form>
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; margin-top: 22px;">
<tbody>
<tr>
<td valign="center" colspan="2">
<textarea id="somewhere" class="html-parser" style="width: 99%;" onclick="this.select()"></textarea>
<br>
</td>
</tr>
<tr height="50px">
<td width="80px">
<input class="button-css" type="button" onclick="convert()" value="Convert">
</td>
<td>
<input class="button-css" type="reset" value="Clear">
</td>
</tr>
</tbody>
</table>
</form>
</center>
</center>
</div>
</div>
</div>
</div>
</body></html>
Copy(Ctrl + A= Select code, Ctrl+C= copy the code) the code and Go to blogger dashboard
Select Page to make static page. Paste the code you copied. Now click on the Save/Publish button. Done. You have successfully added this stylish HTML ad code parser.
If you want to add this HTML parser to your website side bar do the following...
- Go to Blogger Dashboard.
- Click on the Layout button.
- Click on Add a Gadget button.
- Select HTML/JavaScript.
- Paste the above code into the content box and click on the Save button.
- Finally click on the Save Arrangement button at the right side.
So you have successfully added the HTML parser in the side bar, Congratulations!
No comments