Html css and javascript in the previous video so if you want to learn how to create this from scratch you can watch that video i will leave the link in the.
Description of this video and i will also leave the link of the source code so you can just copy and paste the code to your website alright so let's get started.
here i'm in the dashboard of my blogger website so we will add the word counter inside a post so let's click on new post.
You can also add this inside a new page if you want right here i'll just type word counter and the first thing you need to do is go into the html view so you have to click on this button and.
Click on html view and here we can add the html the css and the javascript so the first thing we will do is add the css so i'll just create a style tag and here in the style tag i will add the.
Right now let's add the html so after the style tag i'll just make some space and let's go back to our source code and let's go to the html file and i'll just copy everything inside the.
Body and let's paste it over here and we'll also add the javascript so for that i'll just create a script tag and here in the script tag i will add.
The javascript so let's go back to our source code and let's go to the main.js file and i'll just copy everything from here and let's go back and paste it over here.
Right now let's click on publish and confirm all right now let's click on view and let's see whether it is being displayed correctly and here we can see we have.
The word counter let's add some text over here so i just type this is a test for word counter and let's click on count words and we can see that it says seven words because.
We have seven words over here and the Wesdigital
Word counter is working all right now the color of the text is not being displayed correctly over here because here we can see we have black color for.The text now this is because of the theme that we have in our blogger website so for the theme it already has some predefined colors for the text now if you want to change the color to black.
You can go back to the post so let's open this post and you can just add the color over here so for the h2 i'll just type color and set it to black and let's scroll down.
And we will add the black color to the word count as well so i'll just type color and black let's update it.
And let's go back to our post and let's refresh this page and now we can see we have the black color and everything works all right so that's basically how you can add a.
Word counter to your blogger website alright so that's it for this video i will leave the link of the source code in the description of this video and if you have any doubts you can ask in the.
Comments below and if you like this video please click on the like button and subscribe to this channel to get the latest video updates thanks a lot for watching have a nice day.