Make a LIVE WORD COUNTER Tool in Blogger Website
A word counter is a tool that can be used to count the number of words in a piece of text. It can be a helpful tool for writers, editors, and students. In this article, we will show you how to create a live word counter tool website in your Blogger website. This means that the word count will update automatically as you type. You can also read: How to make BROTHER SISTER LOVE CALCULATOR Tool website in blogger.
To create a live word counter website in Blogger, you will need to know some basic HTML and JavaScript. However, even if you don't know any coding, you can still follow this tutorial. We will provide all of the code that you need. You can checkout the DEMO of this tool here: Simple Live Word Counter Tool
So, if you're interested in creating a live word counter website, read on!
Why Should I Create a Live Word Counter Tool?
There are many reasons why someone might want to create a live word counter website. Here are a few:
- To help writers and editors stay on track. A live word counter can be a helpful tool for writers and editors who need to keep track of the word count of their documents. This can be especially helpful when writing long documents, such as essays or articles.
- To help students with their writing assignments. Students can use a live word counter to make sure that their essays and papers meet the required word count. This can help them avoid having their assignments penalized for being too short or too long.
- To create a fun and interactive learning experience. A live word counter can be used to create a fun and interactive learning experience for students. For example, teachers can use it to create a game where students compete to see who can type the most words in a certain amount of time.
- To track the progress of a writing project. A live word counter can be used to track the progress of a writing project. This can be helpful for writers who want to see how far they have come and how much they have left to write.
- To measure the effectiveness of a marketing campaign. A live word counter can be used to measure the effectiveness of a marketing campaign. For example, a company could use it to track the number of words that are being used in social media posts about their product or service.
These are just a few of the reasons why someone might want to create a live word counter website. If you are interested in creating one, I encourage you to check out the tutorial that I provided.
Steps involved in creating a live word counter website in Blogger:
- Create a new Blogger blog.
- Go to the Layout tab and click on Edit HTML.
- Paste the following code into the HTML editor:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Livewordscounter</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css2?family=Lemonada:wght@700&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<br>
<p align="center">
<!-- Button to Open the About Page Modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#about-page">
About Us Page
</button>
<!-- Button to Open the Contact Page Modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Contact-Us">
Contact Us
</button>
<!-- Button to Open the Privacy Page Modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#privacy-page">
Privacy Policy
</button>
</p>
<!-- About page Modal -->
<!-- The Modal -->
<div class="modal" id="about-page">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">About Page</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
How to write About Us page
Include a unique value proposition. ...
Show your company's faces. ...
Tell your brand story. ...
ShareHow to write About Us page
Include a unique value proposition. ...
Show your company's faces. ...
Tell your brand story. ...
Share what's happening behind the scenes. ...
Let customers know where you are. ...
Direct customer towards the next action. ...
Consider the fold. ...
Keep your About Us page updated.How to write About Us page
Include a unique value proposition. ...
Show your company's faces. ...
Tell your brand story. ...
Share what's happening behind the scenes. ...
Let customers know where you are. ...
Direct customer towards the next action. ...
Consider the fold. ...
Keep your About Us page updated. what's happening behind the scenes. ...
Let customers know where you are. ...
Direct customer towards the next action. ...
Consider the fold. ...
Keep your About Us page updated.
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End About page Modal -->
<!-- Contact Modal -->
<!-- The Modal -->
<div class="modal" id="Contact-Us">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Contact Us</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
past contact info
<a href="mailto:ente you email here">Send mail</a>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End privacy page Modal -->
<!-- privacy page Modal -->
<!-- The Modal -->
<div class="modal" id="privacy-page">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Privacy Page</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
past privacy info <h1>Privacy Policy for "mywebsite"</h1><br><br>at
" mywebsite"accessble from
"mywebsite.com" one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by
"mywebsite"and how we use it.<br>If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.
This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in our webiste. This policy is not applicable to any information collected offline or via channels other than this website. Our Privacy Policy was created with the help of the Privacy Policy Generator and the Generate Privacy Policy Generator."mywebsite"<br><h1>Consent</h1><br>By using our website, you hereby consent to our Privacy Policy and agree to its terms.<br><br><h1>Information we collect</h1><br>The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.<br><br>If you contact us directly, we may receive additional information about you such as your name, email address, phone number, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.<br><br>When you register for an Account, we may ask for your contact information, including items such as name, company name, address, email address, and telephone number.<br><br><h1>How we use your information</h1><br><br>We use the information we collect in various ways, including to:<br><br><ul><li>Provide, operate, and maintain our webste</li><li>Improve, personalize, and expand our webste</li><li>Understand and analyze how you use our website<li><li>Develop new products, services, features, and functionality</li><li>Communicate with you, either directly or through one of our partners, including for customer service, to provide you with updates and other information relating to the website, and for marketing and promotional purposes</li><li>Send you emails<br> Find and prevent fraud</li></ul><br><h1>Log Files</h1>
" mywebsite"follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.<br><br><h1>Cookies and Web Beacons</h1><br><br>Like any other website,
"mywebsite"uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.<br><br>For more general information on cookies. visit https://www.cookieconsent.com/what-are-cookies/ website<br><br><h1>Google DoubleClick DART Cookie</h1><br><br>Google is one of a third-party vendor on our site. It also uses cookies, known as DART cookies, to serve ads to our site visitors based upon their visit to www.website.com and other sites on the internet. However, visitors may choose to decline the use of DART cookies by visiting the Google ad and content network Privacy Policy at the following URL – https://policies.google.com/technologies/ads<br><br><h1>Our Advertising Partners</h1><br><br>Some of advertisers on our site may use cookies and web beacons. Our advertising partners are listed below. Each of our advertising partners has their own Privacy Policy for their policies on user data. For easier access, we hyperlinked to their Privacy Policies below.<br>Google<br>https://policies.google.com/technologies/ads<br><br><h1>Advertising Partners Privacy Policies</h1><br><br>You may consult this list to find the Privacy Policy for each of the advertising partners of
"mywebsite"Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on
"mywebsite", which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.<br>Note that
"mywebsite"has no access to or control over these cookies that are used by third-party advertisers.<br><br><h1>Third Party Privacy Policies</h1><br>
"mywebsite"Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. <br><br>You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites.<br><br><h1>CCPA Privacy Rights (Do Not Sell My Personal Information)</h1><br><br>Under the CCPA, among other rights, California consumers have the right to:<br>Request that a business that collects a consumer's personal data disclose the categories and specific pieces of personal data that a business has collected about consumers.<br>Request that a business delete any personal data about the consumer that a business has collected.<br>Request that a business that sells a consumer's personal data, not sell the consumer's personal data.<br>If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us.<br><br><h1>GDPR Data Protection Rights</h1><br>We would like to make sure you are fully aware of all of your data protection rights. Every user is entitled to the following:<br>The right to access – You have the right to request copies of your personal data. We may charge you a small fee for this service.<br>The right to rectification – You have the right to request that we correct any information you believe is inaccurate. You also have the right to request that we complete the information you believe is incomplete.<br>The right to erasure – You have the right to request that we erase your personal data, under certain conditions.<br>The right to restrict processing – You have the right to request that we restrict the processing of your personal data, under certain conditions.<br>The right to object to processing – You have the right to object to our processing of your personal data, under certain conditions.<br>The right to data portability – You have the right to request that we transfer the data that we have collected to another organization, or directly to you, under certain conditions.<br>If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us.<br><br><h1>Children's Information</h1><br><br>Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.<br><br>
"mywebsite"does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.<br><br><h1>Our email id is
" myemail@m.com" </h1>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End privacy page Modal -->
<hr>
<h1 style="text-align:center;" class="bg-dark text-white">Livewordcounter</h1><br>
<div class="container">
<p class="text-center" style="font-family: 'Lemonada', cursive;"> welcome to Livewordscounter website in this website you will do words and charecter counter so you will easily count your words you can also make paste 100000 words in this website we don't give you limit and it is not paid tool it is 100% free tool.Our Tool Is best tool,it provideyou the accurate and fast result with in seconds </p>
</div><br><br><br><br>
<div class="container">
<script>
function countWord(){
var words= document.getElementById("word").value;
var count=0;
var i;
var split =words.split(' ');
for(i=0;i<split.length;i++){
if(split[i] !=""){
count +=1;
}
}
document.getElementById("show").innerHTML= count;
}
function countcharacter(count){
document.getElementById("rahul").innerHTML = count.value.length;
}
</script>
</head>
<body>
<form>
<center>
<div id="box">
<h1>Type Or Paste Here</h1>
<textarea id="word" class="form-control" cols="30" rows="10" oninput="countWord();countcharacter(this)" style="background-color:black;color:white"></textarea>
</div>
<div style='padding:16px;border:1px solid blue;'>
<h3>
<p> Total word:<br><b><font color="green"> <span id="show"></span></p></font></b>
<p> Total Character:<br><b><font color="green"><span id="rahul"> </p></font></b></h3>
</div>
</div>
</div>
</center>
</form>
<br>
<!-- steps -->
<p class="text-center" style="font-family: 'Lemonada', cursive;"> Step 1: Copy Your Text </p>
<p class="text-center" style="font-family: 'Lemonada', cursive;">Step 2: Past It Into This Website</p>
<p class="text-center" style="font-family: 'Lemonada', cursive;">Step 3: Your Out Put Is Ready</p>
<br><br><hr><br><br><br><br>
<!-- steps -->
<!-- blog -->
<div class="jumbotron">
<h2>What Is Wordcounter?</h2>
<p>Word Count Tool is a useful tool that instantly counts the number of words, characters, characters without spaces, sentences, paragraphs, average word length, average sentence length... It works with English and non-English text.?????? ??.</p>
</div>
<div class="jumbotron">
<h2>Why we use this?</h2>
<p>
Word count is important because it helps you select your readers. ... Note: The word count is not the only deciding factor why your work is suitable for some and not for others. It is just one of many. The most deciding factor is usually the content of the work itself.
</p>
</div>
<div class="jumbotron">
<h1 class="text-center">Thanks For Visiting</h1>
<p class="text-center">
</p>
<p align="center">
<a href="">Facebook</a>
<a href="">Instagram</a>
<a href="">Telegram</a>
</p>
</div>
<!-- footer -->
<div class="footer">
<p class="text-center bg-dark text-white">©Livewordscounter || Created By Gajabwap & TONTUF</p>
</div>
<!-- //footer -->
</body>
</html>
- Save the theme.
When you visit your blogger tool website, the word count will update automatically as you type.
You can also download this code from Google Drive here: scriptwordcounter.zip
Here is a brief explanation of the code:
- The first line loads the jQuery JavaScript library. This library is used to make the word counter interactive.
- The second line defines the variable
wordCount
. This variable will store the number of words in the text box. - The third line is a function that is called when the document is ready. This function initializes the word counter and attaches an event listener to the text box.
- The event listener is triggered when the user types in the text box. The event listener updates the value of the
wordCount
variable and displays the new value in thewordCount
paragraph.
There are many benefits of using a live word counter website. Here are a few:
- Real-time word count: A live word counter updates the word count automatically as you type. This means that you can see how many words you have written at all times, which can be helpful for staying on track and avoiding going over or under your target word count.
- Easy to use: Live word counter websites are typically very easy to use. You simply enter your text into the text box and the word count will be displayed. There are often additional features, such as the ability to see the number of characters, sentences, and paragraphs, but these are optional.
- Free to use: There are many free live word counter websites available. This makes them a great option for students, writers, and anyone else who needs to keep track of their word count without having to spend any money.
- Portable: Live word counter websites can be accessed from any device with an internet connection. This means that you can use them on your computer, tablet, or smartphone, wherever you are.
- Versatile: Live word counter websites can be used for a variety of purposes, such as writing essays, blog posts, and social media captions. They can also be used to measure the effectiveness of marketing campaigns and to track the progress of a writing project.
Overall, live word counter websites are a versatile and easy-to-use tool that can be beneficial for a variety of people. If you need to keep track of your word count, I encourage you to try out a live word counter website.
In addition to the benefits mentioned above, live word counter websites can also help you to:
- Improve your writing skills by tracking your word count and making sure that your writing is concise and to the point.
- Identify areas where your writing can be improved by tracking the number of words that you use.
- Stay on track with your writing goals by setting a target word count and tracking your progress.
- Save time by automating the process of counting words.
If you are a writer, student, or anyone else who needs to keep track of their word count, I highly recommend using a live word counter website. It is a simple and effective tool that can help you to improve your writing skills and stay on track with your writing goals.
Join the conversation