How to Create Voice to Text Generator Tool in Blogger

Hello friends! Welcome to your NUR EDITING blog. So in this article today we are going to talk about How to Create Voice to Text Generator Tool in Blogger. And this Blogger me Voice to Text Generator Tool website. So we will know all these things in this article. So stay in this article and know more details.

There was an earlier time where people used to do everything by themselves. But over time everything changed. And now the world is moving towards the Digital World. So people are also becoming very lazy in this situation.

What is Voice to Text?

So now it comes to what is this Voice to Text? So let me tell you that this is a technique based on AI (artificial intelligence). Where it immediately converts Voice spoken by us into Text. That is, now the mess of writing is about to end completely.

These days, as many bloggers are, it is Content Writers. They always need to write. So this Voice to Text Generator Tool will prove to be very helpful. Because we and you know that it takes too much time to write articles. So if you use this tool, you can easily save your time.

Online Voice to Text Generator Tool

Steps to Create Voice to Text Generator Tool in Blogger/Blogspot

So we have learned about this Voice to Text tool above. But now the point is that after all can we make this tool in our Blogger or Blogspot website? So the answer is yes, you can easily create this Voice to Text File Generator Tool in your Blogger or Blogspot website.

So if you want to create such a tool in your website, then you have to follow the steps given below carefully. And as I said, you have to do it in your blogger website. So let's start.

Step #1: Go to Blogger Dashboard

First of all, you have to log into your Blogger Dashboard. This is the first step to make the tool in your website.

Step #2: Copy The Script

Now you have provided this Voice to Text Generator Tool HTML Script in the box below. You have to copy the code given below. In this script you have HTML, CSS and JavaScript available simultaneously.

<div class="etool-title"> <link href="https://docs.google.com/uc?export=download&id=1ZVFfFPy_Ry6S0kUo5U8NzoaHqW2MWRVr" rel="stylesheet" type="text/css"></link> <h3> Voice Typing Tool</h3> </div> <div class="etool-wrapper" style="border: 1px solid #a9a9a9;"> <div id="info" style="color: red; font-size: 16px; padding: 3px 6px;"> <div id="info_start"> Click on the microphone icon and start speaking. </div> <div id="info_speak_now" style="display: none;"> Speak now || बोलना शुरू करें ! </div> <div id="info_no_speech" style="display: none;"> No speech was detected. adjust your microphone settings. </div> <div id="info_no_microphone" style="display: none;"> No microphone.! Ensure that a microphone configured correctly. </div> <div id="info_allow" style="display: none;"> Click the "Allow" button above to enable your microphone. </div> <div id="info_denied" style="display: none;"> Permission to use microphone was denied. </div> <div id="info_blocked" style="display: none;"> Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream </div> <div id="info_upgrade" style="display: none;"> This facility is not supported by your browser. Upgrade to <a href="https://www.google.com/chrome" target="_blank">Chrome</a>. </div> </div> <div class="flex-box"> <select id="select_language" onchange="updateCountry()" style="margin: 1px 0px; padding: 0px;"></select> <select id="select_dialect" style="margin: 1px 0px; padding: 0px;"></select> <button id="start_button" onclick="startButton(event)" style="background: #fff; padding: 0;" title="Click and Start Speaking"><img alt="Start" height="30" id="start_img" src="https://www.google.com/intl/en/chrome/assets/common/images/content/mic.gif" width="64" /></button> </div> <div id="results" style="background: #fff; border: 1px solid skyblue; margin: 5px; min-height: 180px; padding: 5px; text-align: left;"> <span class="final" id="final_span" style="color: blue; padding-right: 3px;"></span> <span class="interim" id="interim_span" style="color: red;"></span> </div> <div class="etool-button-wrapper flex-box"> <button class="etool-button" id="button1" onclick="CopyToClipboard('results')" title="Copy Text"><i aria-hidden="true" class="fa fa-files-o"></i> Copy</button> <button class="etool-button" id="email_button" onclick="emailButton()" title="Send through Email"><i aria-hidden="true" class="fa fa-envelope"></i> Send Email</button> <button class="etool-button" name="download" onclick="saveTextAsUnicode();" title="Download Text"><i aria-hidden="true" class="fa fa-download"></i> Download Text</button> </div> <script src="https://dl.dropbox.com/s/07a7qmtn09z2luo/Voice-Typing_API.js"></script> </div> </div>

Step #3: Create New Page/Post

Now you have to go to the Blogger Dashboard and if you want to create a tool in a page, click on Create New Page and if you want to create a tool in a post, click on Create New Post.

Now you have to write the title of your Page / Post and click on HTML View. Now paste this code that you had copied. Also you have to click on Publish.

Step #4: Tool Successfully Created

Now your tool is ready to be used in its entirety. Now you can add it to the main menu of your blog or even share it with your friends.