How To Add A Custom Search Box With Speech Recognition

This image doesn't have any alt text

Have you ever wanted to have your blog site’s search box feature have speech recognition? If you do then you’re in luck because we’re going to teach you the way to do just that in today’s featured Blogger trick! This tutorial comes due to Samarth Agarwal of showmedreams.blogspot, so credit visits him.

  • Log into your Blogger account and on your dashboard, visit the ‘Layout’ page.

  • Click on the ‘Add a Gadget’ placeholder where you’d would like your ‘Search’ box with speech recognition to seem.

  • On this list of gadgets, choose ‘HTML/JavaScript’.

  • Now copy and paste the code below:

<form action="" id="searchform" method="get"> <input id="s" name="q" placeholder="" type="text" value x-webkit-speech="true" /> </form>     

  • (Remember to replace the highlighted portion with your personal URL)

  • Save your new gadget and preview your blog post. You should have a ‘Search’ box function with speech recognition. Congratulations!

Title Post: How To Add A Custom Search Box With Speech Recognition
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: SharedTutor

Thank you for visiting, If there is criticism and suggestions please leave a comment

About The Author

Someone who always wanted to know about the beauty of the world :)