Last posts

How to Create Word Counter Tool in Blogger ?



Hello Everyone, during this tutorial i will be able to share with you all the way to Create Word Counter Tool in Blogger. As a blogger or anything associated with writing activity, we discover writing interesting and worthy and one in all the benchmarks is word/character length.

Because the amount of competition in search engines is increasing, most writers also are competing to optimize their writing to be of top quality. the upper the standard of the writing, the upper the possibilities of getting a better ranking.

Counting characters in writing can actually be done easily using the sites that exist today. But if you would like to put in it yourself then read this post till the top.

How to Create Word Counter Tool in Blogger :

Step 1 : First Go To Blogger.Com.
Step 2 : Then Login Your Blogger Account.
Step 3 : Then Select The Post or Page Menu.
Step 3 : Then Create a New Post or Page.

Note : Add Your Post or Page Title And Description According To You Need.

Step 4 : After Click on Html View.
Step 5 : Then Copy And Paste The Tool Script Code Given Below.
<!-- Word Counter Tool Html By Www.SmartTechMukesh.Com -->
<div id="stm-wordCounter">
<div class="stm-wordArea">
<textarea id="text" placeholder="Paste Your Text Here..." spellcheck="false"></textarea>
</div>
<div class="wordButton">
<table>
<tbody>
<tr>
<td>Sentence:</td>
<td id="wordCount">0</td>
</tr>
<tr>
<td>Character With Space:</td>
<td id="totalChars">0</td>
</tr>
<tr>
<td>Character Without Space:</td>
<td id="charCountNoSpace">0</td>
</tr>
</tbody>
</table>
</div>
</div>
<span class="stm-credit">Design By <a href="https://www.smarttechmukesh.com">Smart Tech Mukesh</a> With <a href="https://mukeshtemplate.blogspot.com">Mukesh Template</a></span>

<!-- Word Counter Tool Css-->
<style type="text/css">
#stm-wordCounter .stm-wordArea textarea{display:block;width:100%;height:240px;color:#333;font-family:"Noto Sans",sans-serif;font-size:13px;padding:20px;border-radius:3px 3px 0 0;resize:none}
#stm-wordCounter .stm-wordArea textarea:focus{color:#333}
#stm-wordCounter .stm-wordArea textarea::placeholder{color:#bbb}
#stm-wordCounter .wordButton{display:flex;flex-wrap:wrap;flex-flow:column;left:10px;background-color:#6200ee;color:#fff;font-family:"Noto Sans",sans-serif;font-size:13px;padding:40px;border-radius:0 0 3px 3px}
#stm-wordCounter .wordButton table{border-color:#6200ee}
#stm-wordCounter .wordButton table tr td{background-color:#6200ee;border:0}
.wordButton #wordCount,.wordButton #totalChars,.wordButton #charCountNoSpace{color:#fff}
.stm-credit {display:none;}
</style>

<!-- Word Counter Tool JavaScript -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
<script type="text/javascript">
//<![CDATA[
(function(_42,_39){var _5=_4,_15=_42();while(!![]){try{var _41=-parseInt(_5(0x157))/0x1+parseInt(_5(0x15a))/0x2*(-parseInt(_5(0x16e))/0x3)+parseInt(_5(0x14a))/0x4+-parseInt(_5(0x148))/0x5+parseInt(_5(0x16d))/0x6*(-parseInt(_5(0x14d))/0x7)+-parseInt(_5(0x149))/0x8+parseInt(_5(0x154))/0x9;if(_41===_39)break;else _15['push'](_15['shift']())}catch(_62){_15['push'](_15['shift']())}}}(_14,0xeac3d));var _40=function(){var _24=!![];return function(_32,_23){var _38=_24?function(){var _35=_4;if(_23){var _37=_23[_35(0x160)](_32,arguments);return _23=null,_37}}:function(){};return _24=![],_38}}(),_17=_40(this,function(){var _7=_4;return _17[_7(0x150)]()[_7(0x151)](_7(0x163))['toString']()[_7(0x14f)](_17)[_7(0x151)](_7(0x163))});_17();function _14(){var _33=['{}.constructor(\x22return\x20this\x22)(\x20)','apply','#wordCount','return\x20(function()\x20','(((.+)+)+)+$','replace','table','debu','split','keypress','input','gger','length','error','6LOLVhd','213ztmTGj','warn','\x5c+\x5c+\x20*(?:[a-zA-Z_$][0-9a-zA-Z_$]*)','function\x20*\x5c(\x20*\x5c)','bind','html','keyup','counter','stateObject','#count','info','trim','9567000ovFroo','13821136BekWNL','6267244VFHhQm','prototype','call','10290035aDpHze','init','constructor','toString','search','#charCountNoSpace','exception','73067616TGwifx','#text','while\x20(true)\x20{}','1721635kZgKht','blur','click','53272jnzNzc','action','#totalChars','focus','console'];_14=function(){return _33};return _14()}var _55=function(){var _27=!![];return function(_34,_19){var _52=_27?function(){var _36=_4;if(_19){var _43=_19[_36(0x160)](_34,arguments);return _19=null,_43}}:function(){};return _27=![],_52}}();(function(){_55(this,function(){var _11=_4,_54=new RegExp(_11(0x13f)),_56=new RegExp(_11(0x13e),'i'),_18=_22(_11(0x14e));!_54['test'](_18+'chain')||!_56['test'](_18+_11(0x169))?_18('0'):_22()})()}());var _6=function(){var _28=!![];return function(_57,_16){var _58=_28?function(){if(_16){var _59=_16['apply'](_57,arguments);return _16=null,_59}}:function(){};return _28=![],_58}}(),_9=_6(this,function(){var _0=_4,_12;try{var _44=Function(_0(0x162)+_0(0x15f)+');');_12=_44()}catch(_63){_12=window}var _31=_12[_0(0x15e)]=_12[_0(0x15e)]||{},_30=['log',_0(0x13d),_0(0x146),_0(0x16c),_0(0x153),_0(0x165),'trace'];for(var _21=0x0;_21<_30['length'];_21++){var _13=_6[_0(0x14f)][_0(0x14b)][_0(0x140)](_6),_25=_30[_21],_29=_31[_25]||_13;_13['__proto__']=_6[_0(0x140)](_6),_13[_0(0x150)]=_29[_0(0x150)][_0(0x140)](_29),_31[_25]=_13}});function _4(_46,_45){var _53=_14();return _4=function(_9,_6){_9=_9-0x13d;var _47=_53[_9];return _47},_4(_46,_45)}_9(),counter=function(){var _1=_4,_10=$(_1(0x155))['val']();if(_10['length']==0x0){$(_1(0x161))[_1(0x141)](0x0),$(_1(0x15c))['html'](0x0),$(_1(0x152))[_1(0x141)](0x0);return}var _26=/\s+/gi,_48=_10[_1(0x147)]()['replace'](_26,'\x20')[_1(0x167)]('\x20')[_1(0x16b)],_49=_10[_1(0x16b)],_51=_10[_1(0x164)](_26,'')[_1(0x16b)];$(_1(0x161))['html'](_48),$(_1(0x15c))['html'](_49),$('#charCountNoSpace')[_1(0x141)](_51)},setInterval(function(){_22()},0xfa0),$(document)['ready'](function(){var _3=_4;$(_3(0x145))[_3(0x159)](counter),$(_3(0x155))['change'](counter),$(_3(0x155))['keydown'](counter),$(_3(0x155))[_3(0x168)](counter),$(_3(0x155))[_3(0x142)](counter),$('#text')[_3(0x158)](counter),$(_3(0x155))[_3(0x15d)](counter)});function _22(_50){function _20(_8){var _2=_4;if(typeof _8==='string')return function(_61){}[_2(0x14f)](_2(0x156))['apply'](_2(0x143));else(''+_8/_8)[_2(0x16b)]!==0x1||_8%0x14===0x0?function(){return!![]}[_2(0x14f)](_2(0x166)+_2(0x16a))[_2(0x14c)](_2(0x15b)):function(){return![]}[_2(0x14f)](_2(0x166)+_2(0x16a))['apply'](_2(0x144));_20(++_8)}try{if(_50)return _20;else _20(0x0)}catch(_60){}}
//]]>
</script>
Step 6 : Then Don't Forget To Publish Your Post or Page.

Finally Published Your Post or Page And See The Resluts.

Conclusion :

In this post I have shared tutorial on How to Create Word Counter Tool in Blogger. I hope this tutorial can be useful for all users. Thank you for visiting our website.


Techplus
By : Techplus
I like to write, like to share what I know. Although not well written. So I don't care if people like reading or not? :D
Comments



Font Size
+
16
-
lines height
+
2
-