Hello Everyone And Welcome Back To TECH ERA ,Today We Will Make A Tool Website In Blogger,Which Will Convert Our Voice To Text.
This Website Is a Tool Website It Does Not Require Any Updation In Future.You Have To Only Setup The Tool Script In Blogger And When Traffic Start Comming To Your Site,Then You May Purchase A Domain and Then Apply For Google Adsense And Start Your Earning.
Most Important Thing After The Setup Of Script In Blogger You Have To Do Customization So That It May Rank In Google.
Click On The Below Links To Learn How To Do Them
- SEO Setting In Blogger-: CLICK HERE
- How To Make Pages In Blogger-: CLICK HERE
- How To Do Earning In Blogger-: CLICK HERE
- How To Index Your Blogger Website In Google-: CLICK HERE
Do The Following Steps For Making Website In Blogger For Converting Voice To Text
Step 1: First of all go to your Blogger Dashboard.
Step 2: Go to theme,then click on down arrow and select edit html,then select complete code and delete it,after deleting the code,paste the below code at that place and click on save.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
body{background:#fff}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'/>
</body>
</html>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'/>
</body>
</html>
Step 3: Now go back to blogger dashboard and click on layout,here click on "Add a Gadget",and select Html /Javascript option and paste the below Code and then click on save.
<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>
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 4: Hence your tool website is successfully created,now customize its layout according to you and start your earning.
Website Demo Link-: CLICK HERE
Make Your Own Tool website And Earn Money
ReplyDeleteBhai aapane jo script hai bahut acchi Banai hai bahut acche tarike se kam kar rahi hai magar ismein jo Hamare India mein other languages Hai Jaise ke Kannada family Marathi Malyalam Bengali saree languages Kaise ki Jaati Hai Ek script Mein kripya kya aap Banayenge
ReplyDelete