How to Create Word Counter Tool in Blogger ?

How to Create Word Counter Tool in Blogger

Hello Everyone, in this tutorial I will share with you all How to Create Word Counter Tool in Blogger. As a blogger or anything related to writing activity, we find writing interesting and worthy and one of the benchmarks is word/character length.

Because the level of competition in search engines is increasing, most writers are also competing to optimize their writing to be of high quality. The higher the quality of the writing, the higher the chances of getting a higher ranking.

Counting characters in writing can actually be done easily using the sites that exist today. But if you want to install it yourself then read this post till the end.

You can install it using the Pages features on Blogger or WordPress. There are three types of counts, namely sentences, characters with spaces and characters without spaces. Only HTML, CSS and JavaScript have been used to make it.

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.Online -->
<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.online">Smart Tech Mukesh</a> With <a href="https://mukeshtemplate.blogspot.com">Mukesh Template</a></span>

<!-- Word Counter Tool Css By Www.SmartTechMukesh.Online -->
<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 By Www.SmartTechMukesh.Online -->
<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.

Refrence :
Www.SmartTechMukesh.Online

Read Also :