How to make Character Counter | Letter Counter | Word Counter Online ?
Today, in this article we will Learn How to make Character Counter | Letter Counter | Word Counter Online ? This online Character Counter tool will help you to count the characters of a Paragraph or Article.
VIEW DEMO
The steps mentioned below are extremely straight forward and would take less than 2 minutes to make your own Character Counter | Letter Counter | Word Counter Online Page. There is no need to learn anything just follow the steps as they are mentioned below.
Step 1. Go to Blogger Dashboard
Step 2. Click on Pages >> New Page
Step 3. Paste the Entire Coding in HTML section. That's It.
You Done It: After pasting the code into the page, Publish the Page by Pressing “Publish” button.
We hope this tutorial may have helped you in learning How to make Character Counter | Letter Counter | Word Counter Online for your blog or website. If you find any difficulty then don't be hesitate to Contact us
The steps mentioned below are extremely straight forward and would take less than 2 minutes to make your own Character Counter | Letter Counter | Word Counter Online Page. There is no need to learn anything just follow the steps as they are mentioned below.
Step 1. Go to Blogger Dashboard
Step 2. Click on Pages >> New Page
Step 3. Paste the Entire Coding in HTML section. That's It.
<div id="wrap">
<div id="wrap2">
<div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<form class="ht-newform">
<form method="POST">
<textarea class="ht-encoder" rows="12" name="charcount" cols="60" wrap="virtual" placeholder="Enter Your Text Here"></textarea>
<table width="80%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="50%" align="center">
<p><input type="text" name="displaycount" size="25"></p>
</td>
</tr>
<tr>
<td width="50%" align="center">
<p><input class="ht2" type="button" value="Count" onClick="countit(this)"> <input class="ht2" onmouseout="this.className='ht2'" onmouseover="this.className='ht2 ht2hov'" type="reset" value="Clear All" /></p>
</td>
</tr>
</table>
</form>
</form>
</div>
</div>
</div>
</div>
<script language="JavaScript">
function countit(what){
//Character count script by myshayarizone
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>
<div id="wrap2">
<div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<form class="ht-newform">
<form method="POST">
<textarea class="ht-encoder" rows="12" name="charcount" cols="60" wrap="virtual" placeholder="Enter Your Text Here"></textarea>
<table width="80%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="50%" align="center">
<p><input type="text" name="displaycount" size="25"></p>
</td>
</tr>
<tr>
<td width="50%" align="center">
<p><input class="ht2" type="button" value="Count" onClick="countit(this)"> <input class="ht2" onmouseout="this.className='ht2'" onmouseover="this.className='ht2 ht2hov'" type="reset" value="Clear All" /></p>
</td>
</tr>
</table>
</form>
</form>
</div>
</div>
</div>
</div>
<script language="JavaScript">
function countit(what){
//Character count script by myshayarizone
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>
Note : Add Your Own CSS to decorate your Character Counter Tool.
You Done It: After pasting the code into the page, Publish the Page by Pressing “Publish” button.
We hope this tutorial may have helped you in learning How to make Character Counter | Letter Counter | Word Counter Online for your blog or website. If you find any difficulty then don't be hesitate to Contact us
You can find Hindi Shayari Poetry SMS, Whatsapp DP Status, Wallpaper Image Photo for every mood or emotion - MY SHAYARI ZONE
